пасготедс!а А. Божко 


ЕАМАЕАМЕН 


_ Базовые приемы работы 
_ Интерфейс программы 
_ Секреты настройки 


Вместе 


С 
_ Секреты \ММеб-дизайна МГТУ им. 
_ Интерактивные эффекты Баумана 


- Работа с таблицами и фреймами 

° Создание и поддержка больших сайтов 

_ Создание системы гипертекстовых ссылок 
`_ Техника форматирования НТМЁЕ -страничек 


ДЕСС 


|-РАЕЗЗ 


А. Божко 


Огеатуеауег 4 


Базовый курс 


«ДЕСС КОМ» 
Москва — 2001 


А. Божко 


Огеат\еауег 4. Базовый курс. — Москва: 
издательство «ДЕСС КОМ», 2001. — 448 с. 


Все права по изданию и распространению на территории РФ и за рубежом 
принадлежат издательству «ДЕСС КОМ». 


Перепечатка издания или его части без разрешения владельцев авторских прав запрещена. 


Т5ВМ 5-93650-021-7 («ДЕСС КОМ») 


© А. Божко. Огеашмеауег 4. Базовый курс, 2001 
© Оформление, издательство «ДЕСС КОМь, 2001 


Лицензия ИД №00219 от 11.10.99. Подписано в печать 21.04.2001. 
Формат 70х100/16. Печать офсетная. Печ. л. 28. Тираж 1 000. Заказ 966 


ООО «ДЕСС КОМЬ, 105484, г. Москва, ул. 16-я Парковая, д. 21, корн. 1. 


Отпечатано с готовых диапозитивов 
в Академической типографии «Наука» РАН 
_ 199034, С.-Петербург, 9 Линия, 12 


Содержание 


Отавтора ........... ооо но оо ооо о о ово оо соевое 13 
Предисловие ............... еее ео ооо оо воно во воо еее 17 
Что нового в четвертой версии программы .......... и нннььнин. 17 
Системные требования ............ нина аананннье 20 

1. Основы работы с программой ................ у еееньно 21 
1.1. Установка ...... а еекин ние тинииниааеениния 21 
1.2. Запуск программы ........... еее ааинииииииииининьннь 22 
Создание ярлыка ................ зе ииининянеьнье а ннньь, 23 

Запуск с клавиатуры ............ нина ниининнн я 23 
Автоматический запуск .......... еее иииияииииняннннь 24 

1.3. Интерфейс ........... неее еи низине нинннь 25 
Окно документа .............. нение иняеиняньнь 27 
Инспектор свойств ........ ина ннненненяаинннинь, 38 

Палитра объектов .......... аа аььььяььньннььь 42 
Инспектор кода .......... инея иняеиннеинь 45 

1.4. Открытие файлов .......... нина ине нинязеиняьани: 47 
1.5. Сохранение файлов ........... еее еинииииииннининянньь 48 
1.6. Отмена и повторение ............ неее инизенияянина а 49 
1.7. Работа с палитрой Н1$югу ......... нение ениньннннььья 51 


2. Создание ммеБ-узла ................. еее ение 53 


2.1. Проектирование .......... ее кина заниняняанння 53 
Структура узла .......... некие иниинанье 24 
Распределение материала .............. ина нинняннье 57 
Структура каталогов ......... они нииинннь 28 
Адресация для \У\У\ .............. ее леиининанььния 60 
Абсолютные и относительные адреса ............ ние. 62 

2.2. Создание локального узла .......... ине еиниинянаненннь 66 
Категория Г.оса] пЮ ........ ини нана ььнннн. 67 
Категория Кетое п .......... нина ьннининнььь 68 
Раздел Резвп №5 .......... и ияянезьниииинннье 71 
Раздел це Мар Гауои® ............. зе няназянанняяя 72 

2.3. Диспетчер узла ................. зн иининиииинннньь 74 
Карта узла ............. нана еиииииинниннна 78 
Настройка диспетчера .............. уз ененинининнннн 89 

2.4. Работа с удаленным узлом .......... ини ннинениниьниннь 91 
Настройка параметров соединения ЕТР .............. нь. 92 
Пересылка документов .......... нение нининннь 95 
Синхронизация ........... нина лаеанииииинанееиининяньь 97 
Контроль обращения файлов ......... ии ен ннннн: 98 
Создание отчета .............. неа иииинияазенининннн 101 

2.5. Комментарии разработчика ............. иене еннитьнняи 103 
Комментирование документа ........... ин иненьнньнь 104 

2.6. Проверка ссылок ......... не. линии зоняянянниниининьь 106 

2.7. Тестирование на совместимость .......... еее ннаеиньия 108 

2.8. Просмотр в броузерах ........... ааа зинининниннняя 110 

3. Работа с НТМЕ ............... еее нененененниня 112 

3.1. Язык НТМЕ. (ааа ьшанинь: 112 


Содержание 


Правила ввода дескрипторов .......... еее ениинния 115 

Работа с экспресс-редактором ............ еее еиинняя 118 
Справочная панель ............ еек енязеняние 121 
Повторное использование кода .......... еее нньння 122 
Фильтрация кодов ......... еее иинннененння 123 
Фильтрация кодов М1сгозой Уога ........... ее ееениния 1252 
Специальные символы ......... неее ние киненинье 128 

3.2. Цветв М\М/ ............. нь ь. нина ванна нннь я 132 
4. Документ ............... ние иное ние оне 135 
4.1. Создание, открытие и сохранение документов ................... 135 
4.2. Параметры документа ............ нение инееияненни 138 
4.3. Раздел заголовков документа .............. еле неиннеииняя 142 
4.4. Работа с цветом ............ нее нина аььння 145 
4.5. Цветовые схемы .................. язве е ..... еее ниние 147 
4.6. Невидимые элементы ............ иена кеенининячаекиния 148 
4.7. Визуализация документа ............ нуна еининекиянения 150 
Размерные линейки ............ ина кининязенинняь 151 
Монтажная сетка ........... еле ееееяиииниииняннн 151 
Трафаретное изображение .................зеннееееняннние 151 

4.8. Выбор объектов .......... еее енинакииииииининининнннны 153 
4.9. Имена объектов ................. ини ннннньь: 155 
4.10. Поиск и замена ............ ен. иене еенняння 156 
Поиск текста... нии ине ннн ине няененньньи: 158 

Поиск кода ......... и нееьнння на нань и. 159 

Поиск с использованием регулярных выражений ............ 164 

Замена ...........ееннье я иене на нининньь 167 

4.11. Сохранение поисковых образцов ..............ееннннеьнния 170 


Содержание 


5. Ввод и структурирование текста .......................... 171 
5.1. Источники текста ........ ине еииннеекиннеееиния и 171 
5.2. Структурирование текста ............... еее еииинниня 172 

Абзацы ........ еее вики и ини ниняняеененье 172 
Заголовки ......... нение инте кии нее нииннее 173 
Переход на новую строку ........... ине ениченинненя 174 
5.3. Предварительное форматирование ............... у еааеннаееннее 176 
5.4. СПИСКИ... инки няни нение еее инненнне 177 
Нумерованные списки .......... еее нняеиньья 177 
Маркированные списки ........... неее ненненнннье 179 
Списки определений ............. еее еинекиньня 180 
Специальные списки ......... еее иене нняенннья 182 
Вложенные списки ........... неее нинненинье 183 
Редактирование списков ........... еее ененньня 184 
5.5. Горизонтальные линейки ................ нина еекиининя 186 
5.6. Вставка даты ........ ини те киян ен теинячения 187 

6. Форматирование текста ............. еее оооное о 189 

6.1. Прямое форматирование ................. ине ееининня я 190 
Шрифт ........ ни инки няни нение нияеенння 190 
Редактирование списка шрифтов ............ ен енеенннь 191 
Размер .......... нение ии няне ен нинаанннне 192 
Символьные стили ......... неее еее инееинние 193 
Выравнивание и отступы .......... еее нннньнь 196 
Цвет ........ нии нии нина иеаниеннее 199 

6.2. Стили НТМГ ......... нина чеки еиннеенинненя 201 
Палитра стилей НТМГЕ. .......... иене иняньия 203 
Создание стиля .......... иная инки неее анаенье 204 
Применение стиля ........ нение нина нинннь 206 
Снятие стилевого оформления ............. уе еееньеиньн 207 


Содержание 


7. Изображения .............. еее неее наннни я 209 
7.1. Форматы графических файлов ................ ее еееееениннии 209 
Формат СТЕ .......... нина нина нениннн 211 
Формат ]РЕС ......... еее еее еенннининнннннн 212 
Формат РМС ....... неее ен еееенинння а 213 

7.2. Вставка изображений .......... ине нииикеенянниненеь я 215 
Относительный пУТЬ поиска .......... еее енеиннння 217 
Редактирование изображений ............. зе еннненьье 218 
Изменение размеров .......... еее нниннязекеинннн 221 
Выравнивание ............. иене инете нненинння 222 
Обтекание .............. зн ннииии ие теетеняяяняяннн 223 

Поля... инея инки ине ние ен кинньня 226 
Комментарий и название ........... еее иняенннья 227 

Рамка ............ ен иене ь нина ен нинине я 228 
Фоновые изображения ............. ее ееееееееккинния 229 
Однопиксельные изображения ..............нннинининния 231 

7.3. Интерактивные изображения ........... еее еееаьеенния 232 
7.4. Панели навигации ........ ини ениняньнье 235 
7.5. Предварительная загрузка .......... еее еаьетениняя 238 
7.6. Внешний графический редактор ............ еее енньння 239 
8. Ссылки ......... еее иа нии нано ео 243 
8.1. Кодирование и адресация ............ еее енненячення я 244 
8.2. Создание ссылок ......... инки кие еинаеиняеннея 247 
Создание ссылок методом перетаскивания ................... 251 
Создание ссылок на фрагменты документа ................... 252 
Использование символов привязки ........... ее ееннньн: 253 
Ссылки на электронную почту .............ееуннеенннннь 255 
Пустые ссылки и ссылки на сценарии ........... нь ь, 256 


Содержание 


8.3. Меню переходов ......... инки неее наення 257 
Активация команд меню ............. еее еииинннннье 259 
Редактирование меню переходов ............ ее ььнннь. 260 

8.4. Карты ссылок ........... ааа аеииииииньнннна 262 
Создание активных зон ............... ине иинияаанинянь 264 
Редактирование карты ссылок ................еинининннья 265 

9. Таблицы ............... ок енн наи изо наенанаеннинья 268 

9.1. Кодирование ...... нина... 269 

9.2. Вставка таблиц ...... инки ани изза аенинине 271 

9.3. Заполнение ................ зн инининиинанииь 273 
Операции с буфером обмена .................ннниеенннниь 274 
Импорт табличных данных ........... нина ьниньныьи 276 

9.4. Выбор элементов таблицы ........... иене. ь узаиеннньь: 278 
Выбор таблицы целиком .......... ине ннниненнннь. 279 
Выбор строк и столбцов .......... не анинеьньнеьнннь 279 
Выбор ячеек ....... еее и и воза неьнне 280 

9.5. Форматирование .............. нии зниииеаняниньььнь 281 
Выравнивание ............... нина иияяненинянь 282 
Граница и фон ............. ева зеенинииииинннян 284 
Поля и интервалы ячеек .............. инете завиннянннь 286 
Изменение размеров таблицы .......... нии еиненьнь 287 
Вставка строк и столбцов ..............знннннининенеьнь я 289 
Удаление строк и столбцов ............ не анниненьнннии 291 
Объединение и разбиение ячеек .............. и неьььнь 291 

9.6. Форматирование строк, столбцов и ячеек ......... ее ененнь я 294 

9.7. Табличные стили ................ еее ее ни нина 296 

9.8. Сортировка таблиц ............. ааа аниииинннннння 299 

9.9. Вложение таблиц ........ ини ннннь ль. 301 


Содержание 


Е рбуфрж СОСО д трйЙйп и юиеванвавинавнинииенивоаеаненииваоиениииавцнеоинаниаииааневиююнинни 


10. Компоновка страницы .......... ее оо ооо ооо воно ооо о 304 
10.1. Макетные ячейки и таблицы .......... у енннннннинининнин, 306 
10.2. Создание макетных объектов ......... ее ее ненннннинннее 308 
10.3. Редактирование таблиц и ячеек ............ у ееенниееьния 311 
10.4. Регулирование ширины ячеек ............ ее енееенннни, 313 
10.5. Настройки режима макетирования ................еенениньь. 316 

11. Формы ...... еее ноь ео со ооо ово ооо ово онье 318 
11.1. Вставка форм ......... нение нина иияекиня 319 
11.2. Текстовые поля ......... ини еиинзееаинааеииениинннн 323 

Текстовое поле Раз$\ог ....... еее ееееенеченннне 325 
Текстовое поле Ми Гпе ........ ее еуннниинненньь я 325 
11.3. Переключатели и флажки ................ еее еееииннннееи 326 
11.4. Списки и Меню .......... нина иннинье 328 
Создание меню ................ инет иинаеиннье 329 
Создание списков ........... ине е ен еениняченииня 331 
11.5. Кнопки ....... ине ини ини еинняенннне 332 
11.6. Графические кнопки ........... еее нинязееинннь 333 
11.7. Файловое поле ....... неее ен нянек ине ениинеения 334 
11.8. Скрытое поле .................... низине ники ннння 335 
11.9. Обработка форм ........... нее нии язниинетениниюеетьния 336 
11.10. Режимы работы форм ................-енееенинянениинье 337 

12. Фреймы ....... нь ьь, чение. еее и еее 339 
12.1. Кодирование фреймов . еее иене иене 340 
12.2. Создание фреймов ........... нь. . еее ини неееннин а 343 

Создание предопределенных структур у анекиекинееиненя 343 


Содержание 


Разработка фреймовых структур ............ и ннньнь. 346 


12.3. Выбор фреймов .......... ине енниннеиньниь, 347 
Палитра фреймов ......... ии еннннининине ин нььння 348 

Выбор фреймов в окне документа ............... ни... 348 

12.4. Сохранение фреймов и структур ........... ни аниннни. 350 
12.5. Редактирование структур ........... ине лнннььна, 350 
Размеры фреймов ........... нина няннния 351 
Границы ......... не, иначе ннннннн нь 353 

12.6. Редактирование фреймов ................ ини нннньььны, 354 
Имена ............. ини чнннниннннннннньь 355 
Загрузка файлов .......... нение нннннатаннньььннни, 356 
Границы ......... не, нина нии анине еее нннинннньь 356 
Полосы прокрутки ....... нии ананнинеаанянннннььь 357 
Закрепление размеров ........... а ннннннниньнь, 358 

Поля ...... нина нии ии нь 358 

12.7. Целеуказание ссылок ........... ине нннннниннннььь 358 
12.8. Поддержка старых броузеров ............ нии ннньньни, 360 
12.9. Динамические сценарии ............ а аннннннниньнь. 362 
13. Управление ресурсами узла ............ ее ееььнь. 363 
13.1. Вставка объектов ......... нии нение ннинннььниь, 365 
13.2. Редактирование объектов .............. у нннннннь. .....367 
13.3. Ресурсы и Узлы ....... и ани аннннинннннньньь 367 
13.4. Раздел ЕауогКез (Избранное) ........... нии ннь. 369 
Запись в раздел ........... неее еенинниннннння, 369 
Псевдонимы ......... неее нинининыннна 370 

13.5. Библиотеки .......... ини ени ини н ние ьннььнье 370 
Создание библиотечных элементов ............ нь нннь. 372 
Вставка библиотечных элементов .............. а нннь,. 373 


10 


Содержание 


Удаление элементов из библиотеки ............. уе нннннь. 374 
Переименование библиотечных разделов ......... ен... 375 
Редактирование библиотечных элементов ......... нь... 376 
Обновление узла .......... нее еее еезниннья 377 
Редактирование динамических сценариев ................... 379 

13.6. Включения стороны сервера ........... еее ееининннеь, 381 
Вставка объектов 51... еее ее ееенининния 383 

14. Шаблоны .......... ооо на ооо ооо о ооо ооо ооо во о 385 
14.1. Создание шаблонов ........ нике яннниеееянннинеенья, 387 
Создание шаблона ........ еее ннннннн 388 
Изменение шаблона ......... ее ннииииееееетячянин а 389 

14.2. Редактирование шаблонов ................. ее езунееьяниннеьь, 391 
Создание редактируемых областей ................ъееььне, 391 
Информационное наполнение ............ ее ееееееинния 394 

14.3. Визуализация шаблонов и документов ..............-еенненнь, 395 
14.4. Создание документов по шаблонам ............... у уееннььь 399 
14.5. Обновление документов ......... у нннннниниеиееииннниь 404 
15. Настройка программы .......... ооо ееное 406 
15.1. Основные настроечные параметры ............. еее еньньи, 406 
Цвета элементов документа ............ не еекинннениние 408 
Формат кода ........ неее няне нининння 410 
Корректировка кода ............. еее иняенинене 412 
Иерархические стилевые спецификации ........... нь .. 413 

Типы файлов и редакторы ............. еее еее иняньия 414 
Шрифты и кодировка ............. ее енееенинениннье 416 
Выделение цветом ......... неее нененнья 417 
Скрытые элементы ............... зелени ееииннни 418 


Содержание 


Слои ........ ни анна нина енаннннненьь 419 

Режим макетирования ............ ана еееньниьь 421 

Палитры .......... иене заза ннинниннннннннннн, 422 

Просмотр в броузере ........ нение ьнянннь, 423 
Экспресс-редактор кода ............ зн нниннннннннннннны, 424 
Параметры сайта .............. ние анниинеенянннинннььь 425 
Настройка строки состояния .......... а ииннннььььь 421 

15.2. Настройка клавиатурных комбинаций ............... и. . нь. 428 
Приложение ............. еее оо ооо оо ооо зоо зоо о 421 
Алфавитный указатель ................. ооо оозовооное 444 


12 


От автора 


В наше время профессия \еб-дизайнера стала массовой; почти каждая 
фирма и даже фирмочка имеет свое «представительство» в Интернете, авто- 
рам новых продуктов или технологий трудно рассчитывать на успех без 
массированной рекламы в сети. Этот мощный «социальный заказ» породил 
целую индустрию средств \Уеб-проектирования и программирования. Аме- 
риканская софтверная фирма Мастотефа пс., точно уловив тенденции 
рынка, сделала ставку на развитие программных средств, ориентированных 
на различные секторы Йеф-дизайна и электронной коммерции. Ее успехи, 
достигнутые за последние несколько лет, впечатляют. Многие продукты 
фирмы заняли лидирующие позиции в своих отраслях, а некоторые из них 
можно считать флагманами, определяющими направления итенденции раз- 
вития программного обеспечения данного класса. К числу таких, редких в наше 
время примеров принадлежит программа Огеатмеауег. 


Система Огеат\меауег — это визуальный редактор гипертекстовых докумен- 
тов. Эта совершенно корректная классификационная формулировка не спо- 
собна точно передать существо дела. Мощная профессиональная программа 
Огеатумиеауег обладает всеми необходимыми средствами для генерации стра- 
ниц НТМЕ любой сложности и масштаба. Она обеспечивает режим визу- 
ального проектирования ( УУ$ЛИУС), отличается очень чистой работой с 
исходным текстом Тер-документов, обладает встроенными средствами под- 
держки больших сетевых проектов. 


Уже первая версия программы привлекла внимание специалистов своими 
большими функциональными возможностями, а также устойчивой и быст- 
рой работой. С каждой новой версией расширялся потенциал редактора и 
отрабатывалось его программное ядро. Все издания Огеатмеауег отмечались 
компьютерными специалистами, занимали ведущие позиции в рейтингах 
и обзорах ведущих компьютерных изданий, имели большой коммерческий 
успех. 


В конце 2000 года вышла четвертая версия программы. Теперь только инер- 
ция заставляет называть этот продукт программой. По сути дела, это раз- 
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витая среда Иеб-проектирования, в которую интегрировано несколько про- 
граммных средств и модулей, обеспечивающих весь операционный цикл 
разработки и поддержки виртуальных проектов. Назовем главное. 


В программе последовательно поддерживается визуальное проектирова- 
ние. Визуальным принято называть такой стиль или способ создания гипер- 
текстовых документов, в котором работа с текстом и образами объектов пре- 
обладает над непосредственным кодированием. В идеале, пользователь дол- 
жен быть полностью свободен от необходимости обращения к кодам НТМЕ, 
а проектирование обязано вытеснить программирование. Идеал — это кате- 
гория абстрактная. Ни в одном из существующих в наше время редакторов 
концепция ЙУ5ГИУС не реализована полностью. Программа Огеат\меауег 
подошла к декларируемому идеалу ближе конкурентов. Прямая работа с 
кодами не исключена полностью, но сведена к разумному минимуму. Про- 
грамма не только обладает мощным арсеналом средств визуального проек- 
тирования, но и способна отображать Теб-страницы почти как специали- 
зированные программы просмотра: Мсгозой |п{егпе{ Ехр/огег или Ме{зсаре 
Мам!да{ог. 


Программе есть что предложить и профессионалам в области \еЁ-дизайна, 
предпочитающим создавать гипертекстовые документы при помощи пря- 
мого кодирования. В оболочку Огеатмеауег интегрирован полнофункцио- 
нальный редактор НТМЕ, обладающий всеми необходимыми инструмен- 
тами для работы с дескрипторами гипертекстовой разметки. 


Язык ИТМЁ никогда не считался сложным языком. Информатика знает 
значительно более сложные лингвистические системы. Например, стандарт 
языка АРТ (Ашотайсайу Ртоётаттеа Тоо[5), предназначенного для описа- 
ния конструктивно-технологической информации, включает в себя более 
тысячи зарезервированных слов и языковых конструкций. Лексикон языка 
НТМЕ значительно скромнее; тем не менее, не каждый опытный програм- 
мист свободно владеет всеми дескрипторами гипертекстовой разметки, их 
атрибутами. В четвертую версию редактора входит электронное справоч- 
ное руководство, содержащее компактное и полное изложение основных 
языковых средств, используемых для создания \ер-документов. Это теги 
языка НТМЕ (Нурепеж Магвир Гапвиаве), стилевые декларации (55 
(Сазсаатв 5/е 5йее), функции и операторы языка ./асаспре, соглашения 
и описания ДОМ (ДоситетЕ ОБуесё Моде). 


Программа Огеатмиеауег основана на принципах открытой архитектуры. Это 
значит, что полностью открыт интерфейс прикладного программиста 
(Аррйсайоп Р’октатттЕё Гиег}асе, АРГ), с помощью которого сторонние 
программисты и софтверные фирмы могут выполнить радикальные измене- 


От автора 


ния функциональных возможностей программы и ее интерфейса: добавить 
новый инструмент, создать палитру или раздел меню, запрограммировать 
новый объект или мультимедийный ролик и пр. Можно сказать, что в насто- 
ящее время вокруг системы Огеат\меауег сложилась целая индустрия по разра- 
ботке программных дополнений и расширений. Фирма Мастоте@а создала 
специальный сайт для рекламы и распространения этих средств. К моменту 
опубликования книги число зарегистрированных и сертифицированных 
дополнений приближалось к трем сотням. 


Современные сайты представляют собой сложноструктурированные гете- 
рогенные документы с динамическим контентом и интерактивными эффек- 
тами. Один, даже самый, как сейчас принято говорить, продвинутый редак- 
тор НТМЕ не способен удовлетворить все потребности Теб-дизайнера. 
Авторам гипертекстовых страничек приходится прибегать к услугам много- 
численных программ и программных дополнений, предназначенных для 
работы с графикой, создания анимаций, загрузки содержимого узла на уда- 
ленный сервер и др. 


Пользуясь спортивной терминологией, можно сказать, что программа 
Огеатумиеауег — командный игрок. Она прекрасно взаимодействует со всеми 
программами, которые фирма Мастотева позиционирует на рынке средств 
разработки и поддержки сетевых проектов. Это, прежде всего, векторный 
редактор Раз, с которым система Огеатмеауег образует «хорошо наигран- 
ную связку», и «непосредственный партнер» — растровый редактор 
Етем/огК$. 


В четвертой версии Огеатмеауег интеграция программ получила дальней- 
шее развитие. В состав инструментов гипертекстового редактора включены 
команды вставки анимированного текста и анимированных кнопок — самых 
востребованных в повседневной практике дизайнера Р/а5й-объектов. Более 
сложные ролики надо импортировать в программу как внешние файлы. 


В состав системы Огеатмеауег входит программное дополнение, предназна- 
ченное для проигрывания мультимедийных роликов, поэтому можно про- 
смотреть интерактивные эффекты На5й-технологии, не покидая редактора. 


Еще более тесная интеграция связывает программы Огеатмеауег и ГгемогК$. 
Последняя — специализированный редактор, разработанный фирмой 
Мастотефа для создания и оптимизации УеБ-графики. Взаимодействие 
этих программ выходит далеко за пределы совместного использования общих 
файлов — обычного уровня кооперации различных программных средств. 
Вместе они представляют собой автоматизированную среду разработки 
гипертекстовых документов, насыщенных сложными графическими встав- 
ками и таблицами. 
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Процесс разработки развитого сетевого проекта, как правило, не заканчи- 
вается созданием всех составляющих гипертекстовых документов и ссы- 
лочной структуры. Чтобы «вживить» новый сайт в «ткань» всемирной Сети, 
требуется выполнить большой объем работ по сопровождению проекта. 
Регистрация на поисковых машинах и в каталогах, организация сетевой 
рекламы, обмен ссылками и баннерами с родственными сетевыми ресур- 
сами — вот далеко не полный перечень необходимых мероприятий по под- 
держке \еб-узла. Все эти операции сопровождаются изменениями версий 
документов, расположенных на удаленном сервере. В оболочку Огеатмеауег 
интегрировано специальное средство, предназначенное для обслуживания 
опубликованных в сети документов и сайтов. Оно располагает всеми необхо- 
димыми инструментами для дистанционного обновления версий документов. 
Это средство поддерживает распределенную работу нескольких исполнителей 
над одним сетевым проектом, обладает механизмом синхронизации версий 
документов и защиты от несанкционированного доступа. 


Известно, что многие визуальные редакторы НТМЕ весьма нерационально 
обращаются с кодами гипертекстовой разметки. Это значит, что часто они 
порождают избыточный, громоздкий исходный текст, перегруженный 
сложными языковыми конструкциями. Среди прочих программ данного 
класса система Огеатмеауег выделяется своим корректным обращением с 
кодами НТМЕ. Она порождает чистый лаконичный исходный текст, в кото- 
ром почти нет вспомогательных дескрипторов и громоздких служебных 
комментариев. Встроенный в программу механизм препроцессорной обра- 
ботки (он называется Коипатр НТМГ4есрпоову) позволяет импортировать 
файлы НТМЕ, созданные сторонними приложениями — гипертекстовыми 
и текстовыми редакторами. Гибкая система настроек процедуры импорта 
помогает добиваться отличных результатов: почти во всех случаях импор- 
тированный документ будет представлен в программе без потерь и искажений. 


Чтобы дать исчерпывающее описание всех ресурсов и возможностей про- 
граммы потребовалось бы увеличить размер этой книги примерно в два раза. 
Поэтому часть возможностей редактора, связанная с генерацией динами- 
ческих гипертекстовых документов и интерактивных эффектов, не полу- 
чила полного освещения на ее страницах. Планируется к изданию продол- 
жение книги, посвященное работе с языками ОНТМЕ и ХМЕ, программи- 
рованию на/ЛасабсптрЕ и средствам программного расширения редактора. 


Автор с благодарностью примет аргументированную критику, пожелания 
и предложения читателей. Пишите по адресу агсаа@ава.ги. 
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Что нового в четвертой версии программы 


В четвертой версии программы Огеатумеауег по сравнению с третьей имеется 
ряд существенных нововведений. Приобретения четвертого издания — это 
не только косметические улучшения интерфейса, но и радикальные техно- 
логические новшества, которые, по мнению авторитетных специалистов, 
вывели эту программу в безусловные лидеры данного класса программ. 
Улучшена работа с кодами гипертекстовой разметки; появилось принци- 
пиально новое средство для разработки макета \еф-страниц; в систему 
интегрированы команды вставки Е/азй-объектов; получили дальнейшее 
развитие средства управления еб-узлами и коллективного распределен- 
ного проектирования. Рассмотрим пакет улучшений и новшеств четвер- 
той версии программы Огеат\меауег более подробно. 


Существенное развитие получили средства работы с кодами разметки. Пер- 
вые версии редактора позиционировались фирмой Мастотева в качестве 
среды визуального проектирования гипертекстовых документов; в них пря- 
мому кодированию отводилась роль вспомогательного средства, к которому 
пользователь прибегает лишь эпизодически, для тонкой настройки фраг- 
ментов кода или разрешения конфликтов. Четвертая версия — это полно- 
ценная оболочка для гипертекстового программирования, обладающая 
мощным арсеналом средств для работы с исходными текстами любой слож- 
ности. Перечислим основные ресурсы. 


»е Окно документа теперь может работать в разных режимах. В режиме 
Оез!дп Мем (Режим планировки), пользователь видит макет страницы 
НТМЕ примерно в том виде, в каком она отображается в программах 
просмотра. В режиме Соде Мем (Режим разметки) в окне документа ото- 
бражается исходный текст страницы со всеми дескрипторами, сцена- 
риями и комментариями. Между этими режимами в программе суще- 
ствует тесная координация. Изменение кодов влечет за собой моди- 
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фикацию макета, а правка планировки или форматирования в визу- 
альном режиме вызывает изменение исходного текста документа. 


» В оболочку системы Огеатмеауег интегрирована программа, которая 
представляет собой полноценный редактор кодов, обладающий всеми 
необходимыми инструментами. В нем реализованы средства, облег- 
чающие работу с исходными текстами документов НТМГ: отступы 
вложенных тегов, цветовая разметка кодов разного типа, средства 
быстрого поиска, пометка синтаксически некорректных конструкций, 
автоматический перенос длинных строчек, режим автокоррекции. 
Средствами программы можно редактировать не только гипертексто- 
вые страницы, но и любые документы с текстовым содержанием: про- 
граммы, сценарии, обычные тексты, документы с разметкой ХМЁ и пр. 


»® Работу с кодами разметки существенно упрощает справочная панель. 
Это встроенное в программу интерактивное справочное руководство 
в лаконичной форме описывает все стандартные конструкции языка 
гипертекстовой разметки и связанных с ним средств: дескрипторы, 
атрибуты, декларации иерархических стилевых спецификаций (Сазса@тя 
5нде 5йеер), синтаксические конструкции языка ./ашазсптре. Это руко- 
водство построено на основе серии справочников издательства О’Кейу, 
получивших всеобщее признание и переведенных на многие языки 
мира, в том числе и на русский. Даже самый опытный еб-мастер, глу- 
боко знающий язык НТМЕ, едва ли в состоянии запомнить сотни кодов 
и атрибутов, входящих в стандарт этого языка. Справочная панель 
дает ясное и точное описание дескриптора, информацию о его атрибу- 
тах и совместимости с различными версиями программ просмотра. 


®е Отладчик сценариев /аза5спрё Оефигвет позволяет выявить скрытые 
ошибки всценариях, написанных на языке /асазстре. Это средство спо- 
собно выявить не только синтаксические ошибки, что вполне по силам 
многочисленным анализаторам и отладчикам, которые используются 
в настоящее время в области Уе-программирования. Интегрирован- 
ный в систему Огеатумеауег отладчик может идентифицировать мно- 
гие скрытые логические дефекты и ошибки времени исполнения про- 
граммы. Отладчик обладает механизмом встроенных контрольных 
точек и средствами пошагового исполнения программных инструк- 
ций и контроля состояния переменных. 


Инструментарий визуального проектирования редактора, всегда обладав- 
ший значительным потенциалом, пополнился еще одним средством. Это 
специальный режим работы программы, предназначенный для планировки 
и структурирования гипертекстовых страниц. Он реализован в виде специ- 
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ального режима отображения страницы (Ёауоц* Ме) и двух инструментов, 
с помощью которых можно просто рисовать элементы макета. Макет любой 
сложности реализуется при помощи таблиц, которые программа самосто- 
ятельно создает на основе эскиза. 


Все прежние поколения редактора отличались отменным взаимодействием 
с программой РазНн — лидером в области создания векторных анимирован- 
ных изображений. В текущую версию программы интегрированы две основ- 
ные команды генерации анимированных объектов. Теперь можно непосред- 
ственно в окне редактора создать интерактивную кнопку или «живой текст». 
Техническая сторона вставки подобных объектов предельно упрощена и 
больше напоминает анкетирование, чем проектирование. От пользователя 
не требуется глубоких знаний в области Назй-технологии; он должен про- 
сто заполнить поля диалогового окна. Большинство современных программ 
просмотра корректно отображают анимированную На5й-графику. Объекты 
этого типа отличаются отличной масштабируемостью и требуют весьма 
скромных ресурсов в процессе передачи по Сети и при хранении на диске. 


Перечислим, так сказать, «ОДНОЙ строкой» менее значительные нововведе- 
ния программы. 


® Значительно усовершенствованы средства работы с иерархическими 
стилевыми спецификациями (стилями (55). 


® Получила дальнейшее развитие интеграция программы Огеат\меауег 
с разработанным фирмой Мастотефа графическим редактором Еиемогкз. 


® Появилась новая палитра Аззе!з (Ресурсы). Она выполняет в программе 
функции хранилища разнородной информации, которая совместно 
используется несколькими страницами одного Теф-узла. Это могут 
быть изображения, анимированные ролики, цвета, внешние ссылки, 
сценарии, библиотеки и пр. Хранимые ресурсы можно разместить в 
требуемых областях разных страниц методом перетаскивания. 


® Сняты досадные ограничения предыдущих версий на работу с ком- 
ментариями разработчика (Оез!дп № иез). Теперь их можно связывать 
с любыми гипертекстовыми файлами и объектами и обмениваться 
ими по сети с другими членами коллектива разработчиков. 


»® Новая команда ЗНе Кером (Отчет о сайте) способна создать подробный 
отчет о состоянии проекта, включающего в себя большое число гипер- 
текстовых документов. Данные, собранные командой после сканиро- 
вания всех составляющих проекта, облегчают тестирование и отладку 
большого \МеБ-узла. 
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Предисловие 


Система контроля обращения файлов дополнена встроенным почто- 
вым клиентом. Это программное средство посылает электронное почто- 
вое сообщение членам коллектива разработчиков, уведомляя их о том, 
что документ взят на обработку одним из авторов проекта. 


В редактор добавлены средства интеграции с пакетом М!сгозо# 
Зоигсеба!е — ведущим программным средством контроля версий и 
управления обновлением программного обеспечения, что дает основания 
использовать систему Огеатмеауег как основной инструмент для распре- 
деленной коллективной разработки сложных проектов для Интернета. 


Четвертая версия программы полноценно поддерживает протокол 
У\еБЛАУ (УеБ-Пуутьшед АшйоттЕ апа Уетяоттв). Это расширение 
классического протокола, которое предоставляет расширенные возмож- 
ности по управлению версиями и организации распределенной работы. 


Проделана большая работа по стандартизации и шлифовке интерфейса. 
Внешний вид многих программ фирмы Мастотефа базируется наеди- 
ной концепции плавающих палитр. В последней версии редактора вид 
палитр стандартизован. Почти все они получили способность к объе- 
динению в составные комплексные палитры. Устранены некоторые 
оформительские огрехи предыдущих версий. 


Унифицированы клавиатурные комбинации. Они приведены в соот- 
ветствие с внутренним стандартом, общим для всех программных 
средств, разработанных фирмой Мастотефа для ИеБ-дизайна. При 
помощи встроенного менеджера можно изменить любое предопреде- 
ленное сочетание клавиш. 


Системные требования 
Для работы программы требуются следующие минимальные системные 
ресурсы: 
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процессор /[ёе/ Репйит 166 или эквивалентный; 


операционная система Итаос 95, Итаои 98, Итаош5$ Ме, Упаощ$ МТ 
(с пакетом обновлений 5егхлсе РасЕ 3) или Утаош5 2000; 


средство просмотра 1п{егпе{ Ехрогег или Ме{зсаре Мамдаюг четвертой 
или более поздней версии; 


32 Мбайт оперативной памяти и 110 Мбайт на жестком диске; 
монитор с поддержкой разрешения 800х600 пикселов при 256 цветах; 
дисковод СО-КОМ. 


1. Основы работы с программой 


1.1. Установка 


_ Искушенный пользователь не найдет в процедуре установки программы 
ничего нового для себя. На дистрибутивном диске надо разыскать и запус- 
тить на выполнение программу Огеатмеауег 4 |пз\аег.ехе (инсталлятор). Как 
и большинство приложений Ит40о$, программа устанавливается в не- 
сколько этапов, каждый из которых представлен отдельным диалоговым 
ОКНОМ. 


Последовательно перечислим основные этапы работы программы уста- 
НОВКИ. 


Еж1гас4та РИез$ (Извлечение файлов). На этом этапе из архивов извлека- 
ются файлы, необходимые для работы программы-инсталлятора и ус- 
тановки системы Огеатмеауег. Этап не требует вмешательства пользо- 
вателя. 


\У/есоте (Добро пожаловать). Первый этап собственно установки, на ко- 
тором пользователь получает основные сведения о выбранной про- 
грамме и правилах ее инсталляции. 


Ысепзе Адгеетеп{ (Лицензионное соглашение). На втором этапе предла- 
гается ознакомиться с лицензионным соглашением и авторскими пра- 
вами на программный продукт. Пользователь должен принять пред- 
лагаемые обязательства или отвергнуть их. 


Масготе а Огеатмиеауег ЗепайхаНоп (Регистрация программы). На третьем 
этапе появляется диалоговое окно, в которое следует ввести рекви- 
зиты пользователя и серийный номер программы. 


Своозе ВезпаНоп Госа{оп (Расположение). На этом этапе требуется вы- 
брать диск и папку для установки программы. Адрес, отличный от пред- 
лагаемого по умолчанию, можно задать при помощи стандартной для 
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операционной системы Ипт405 процедуры выбора активного диска 
и каталога. Запускается процедура щелчком на кнопке Вгомзе (Обзор). 


® ПОегаи{ Еаног (Редактор по умолчанию). На этом этапе работы процеду- 
ры установки предлагается выбрать типы файлов, для которых про- 
грамма Огеатмеауег будет основным редактором, используемым по 
умолчанию. 


® Зееси Ргодгат Ро!4ег (Выбрать папку программы). Здесь следует выбрать 
папку, в которой будет находиться ярлык для запуска программы. 
Напомним, что доступ к этой папке и ее содержимому можно полу- 
чить при помощи кнопки Пуск и меню Программы. Внелокализованной 
версии операционной системы они обозначаются соответственно: З4а“ 
и Ргодгатз. По умолчанию инсталлятор предлагает для этих целей 
папку \Масготеа Огеат\меауег 4. 


Все дальнейшие операции установки не требуют вмешательства пользова- 
теля. Инсталлятор распаковывает архивы, создает систему каталогов и под- 
каталогов, копирует в нее все необходимые для работы файлы и выводит 
на экран содержимое гипертекстового файла с описанием возможностей 
программы, ссылками на полезные информационные источники и кратки- 
ми сведениями о фирменных программных продуктах. Для запуска про- 
граммы Огеатмеауег не требуется обычная в таких случаях перезагрузка 
операционной системы. Программа готова к работе сразу после установки. 


1.2. Запуск программы 


22 


Операционные системы семейства "405 9х предлагают пользователю 
несколько различных способов запуска программ. 


После установки пакета в Главное меню Иидош5 добавляется специаль- 
ный раздел с командами для запуска программы Огеат\меауег и сопутству- 
ющих файлов. Конкретный вид этих команд зависит от версии операцион- 
ной системы и редакции самого пакета. В любом случае команда для запуска 
пакета будет примерно такой: Пуск » Программы » Масготефа Огеатмеауег 4 > 
Огеат\меауег 4. Это официальный, штатный способ запуска программы, 
доступный в операционной среде любой конфигурации. 


С ростом числа установленных приложений Главное меню Итаоэ увели- 
чивается в размерах и запуск приложений с его помощью становится все 
менее удобным. Операционная система предлагает несколько способов 
упрощения этой процедуры. 


1.2.Запуск программы 


Создание ярлыка 


Самым простым и удобным способом является, видимо, запуск программы 
при помощи ярлыка. Ярлык отображается в виде специального значка. Он 
представляет собой ссылку на программу и может располагаться в любой 
папке Ит4о5. Вид значка и подпись под ним выбираются обычно так, что- 
бы они соответствовали стилю, принятому в программе. Двойной щелчок 
мышкой на ярлыке запускает связанную с ним программу. 


Сразу после установки программы на Рабочем столе отображается папка с 
ярлыком Огеат\меауег. Это самый подходящий момент для того, чтобы со- 
здать копию ярлыка в удобном месте Рабочего стола. Если этого не сделать 
сразу, то при последующих сеансах работы потребуется приложить боль- 
шие усилия. | 


Чтобы поместить на Рабочий стол ярлык программы Огеатмеауег, надо вы- 
полнить следующую последовательность шагов. 


» Вокне Мой компьютер или при помощи программы Проводник найдите 
значок программы Огеатмеауег. По умолчанию программа устанавли- 
вается в папку С:\Ргодгат ЕИез\ Масготефа\ Огеатмиеауег 4. 


»® Зацепите значок мышкой и перетащите его на свободное место Рабо- 
чего стола или окна папки. 


® Ярлык получит стандартное имя Ярлык для Огеат\меауег.ехе, которое 
можно и изменить. Для этого следует, не отменяя выбора значка, на- 
жать клавишу [2, ввести с клавиатуры новое имя и подтвердить его 
нажатием на клавишу ЕМТЕК. 


Запуск с клавиатуры 


В операционной системе Итдо05 многие действия можно выполнить при 
помощи клавиатурных комбинаций («горячих клавиш»). Клавиатурные 
комбинации позволяют быстро, без обращения к сложной системе вложен- 
ных меню, изменить установку или параметр, получить доступ к ресурсам 
и, в частности, запустить программу. 


Существует несколько способов назначить команде подходящий «клавиш- 
ный аккорд». Пусть ярлык программы Огеатмеауег создан и находится на 
Рабочем столе системы И/иао$. Рассмотрим самый простой способ созда- 
ния горячей клавиши: 


» щелкните правой кнопкой мыши на ярлыке программы и выберите в 
открывшемся контекстном меню пункт Свойства; 
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е в открывшемся диалоговом окне Свойства: Огеатмеауег 4 выберите 
вкладку Ярлык; 


» щелкните на поле Быстрый вызов и введите в него выбранную клавиа- 
турную комбинацию для запуска пакета. Подтвердите выбор щелч- 
ком на кнопке Применить и закончите работу с окном щелчком на кноп- 
ке ОК. В качестве клавиатурных сокращений можно использовать 
сочетания управляющих клавиш СТКЕ, АЁТ, ЗНЕТ с алфавитно-циф- 
ровыми клавишами или специальными клавишами #1—Е12. 


Автоматический запуск 


Если пакет Огеатмеауег используется очень интенсивно и его приходится 
запускать в каждом сеансе работы, то процедуру вызова целесообразно пол- 
ностью автоматизировать. Для этого достаточно поместить ярлык програм- 
мы в специальную папку Автозагрузка. Все программы, расположенные в 
этой папке, система \Ит405 запускает при каждом включении компьюте- 
ра и запуске операционной системы. 


Поместить ярлык программы в папку Автозагрузка можно несколькими спо- 
собами. Основная сложность состоит в том, что у этой папки очень громозд- 
кий адрес: С:\М/Итпдомз\ Главное меню\ Программы \ Автозагрузка. Чтобы до- 
браться до нее, придется проделать длинный путь по файловой системе 
Уйпаош5. Намного проще сделать это при помощи штатных средств поиска. 


1. В Главном меню дайте команду: Пуск » Найти » Файлы и папки. 


2. Откроется диалоговое окно для поиска файлов и папок. В поле Имя вве- 
дите образец для поиска: Автозагрузка; в поле Где искать укажите имя _ 
логического диска, на который установлена операционная система. 
Запустите поиск щелчком на кнопке Найти. 


3. Удерживая нажатой клавишу СТКЬЕ, зацепите ярлык программы 
Огеат\меауег и перетащите его с Рабочего стола на значок папки Автоза- 
грузка, расположенный в нижней части окна Найти. 


Любой способ запуска программы имеет одинаковые последствия. Программа 
начинает работу, загрузив в окно документа пустую страницу. Эта страница 
создается на основе шаблона Ое!аи.мМ4т, расположенного в подкаталоге 
\СопНадигайоп\ Тетра{е$ внутри папки программы. 


1.3. Интерфейс 


1.3. Интерфейс 


Под интерфейсом в информатике понимают совокупность средств и пра- 
вил, обеспечивающих взаимодействие различных компонентов програм- 
мы и пользователя. Способ общения, который предлагает пакет Огеатмеауег, 
базируется на привычных для современного пользователя принципах гра- 
фического оконного интерфейса. По своему внешнему виду программа да- 
лека от Ваще сои(аге некоторых продуктов фирмы М№стозой. Это, скорее, 
уровень добротного ргеё а роге со всем необходимым для результативной 
работы. По сравнению с другими программами того же класса и функцио- 
нального назначения пакет Огеат\меауег обладает более ясным, гибким и 
одновременно мощным интерфейсом. Его главными «несущими конструк- 
циями» являются палитры, многочисленные клавиатурные комбинации и 
строка меню. 


Диалоговые окна, которые остаются на экране после прекращения всех 
операций с ними, принято называть палитрами (раейе) или панелями 
(рапе/). Окна, способные располагаться в любом месте экрана, а не только 
в специально отведенных для этого позициях, обычно называют плаваю- 
щими палитрами (Поайпв рае). Большинство диалоговых окон програм- 
мы Огеатмеауег выполнено в виде плавающих палитр. 


Небольшие различия, которые существуют между палитрами и панелями, 
не имеют принципиального значения для описания программы. Поэтому 
в дальнейшем будем использовать эти термины как синонимы. 


Почти все палитры обладают способностью к объединению. Это означает, 
что разные палитры можно совместить в одном диалоговом окне. Опера- 
ция объединения позволяет получить многофункциональные сборные па- 
литры, которые содержат средства управления, относящиеся к разным те- 
мам или командам. Палитры, обладающие способностью к объединению 
(их в программе большинство), будем называть модульными (досРаМе). 
Сложные палитры, состоящие из нескольких отдельных модулей, называ- 
ются сборными (фей). 


На рис. 1.1 показан внешний вид программы с четырьмя раскрытыми диа- 
логовыми окнами. Самым востребованным средством управления, бесспор- 
но, является палитра Ргорему тзресфог (Инспектор свойств). С ее помощью 
выполняется множество операций по форматированию и редактированию 
объектов на страницах НТМГ. Палитра Венамог$ (Режимы) — это пример 
модульной плавающей палитры. Программа Огеатмеауег располагает при- 
мерно дюжиной подобных объектов, предназначенных для решения раз- 
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Модульная Размерные Главное Строка Главная Палитра 
палитра линейки меню заголовка — панель объектов 


Ур Апом 
Ави Апом ($58) 


[ Аррь Найс 
В Арру Ваз 


Селектор Инспектор Сборная Строка Панель 
разметки СВОЙСТВ палитра состояния быстрого запуска 


Рис. 1.1. Внешний вид окна программы 


личных проектных задач. На рисунке приведен пример сборной палитры, 
которая состоит из двух простых модульных палитр: Гауег$ (Слои) и Ногу 
(Предыстория). Палитра ОШес{$ (Объекты) предназначена для вставки вне- 
шних объектов: рисунков, таблиц, слоев, фреймов и пр. Все остальные эле- 
менты управления, показанные на рисунке, являются неотъемлемыми со- 
ставными частями окна документа. 


Многие находят интерфейс программы Огеатмеауег избыточным, вклады- 
вая в это понятие некоторый оттенок предосудительности. Бесспорно, из- 
лишек выразительных средств или понятий — это недостаток, если речь 
идет о формулировке физических гипотез или доказательстве математи- 
ческих теорем. Но позитивистское отношение к избыточности, утвердив- 
шееся в точных науках, нельзя применять расширительно. В основе надеж- 
ного функционирования технических систем, живучести биологических 


организмов, удобства интерфейсов программных продуктов лежит правиль- 
но организованная избыточность. Почти для всех основных команд фор- 
матирования и редактирования пакет Огеатмеауег предлагает несколько 
различных способов реализации. Счастливые обладатели широкоформат- 
ных экранов могут выполнять их посредством палитр и панелей. Пользо- 
вателям, обделенным экранным пространством, программа предлагает ко- 
манды строки меню и клавиатурные комбинации. 


Окно документа 


Окно документа — это то рабочее пространство, где создаются гипертек- 
стовые документы (рис. 1.2). Оно хранит текст, картинки, таблицы, формы 
и другие объекты, которые составляют содержимое страниц НТМГ. Про- 
грамма Огеатмеауег является редактором класса ИУ5ПУУС. Эта громозд- 
кая аббревиатура образована по первым буквам английской фразы Иа 
уои 5ее 15 шпаё уои ве (что видите, то и получите). Это значит, что изобра- 
жение страницы НТМЁ в окне документа не сильно отличается от ее пред- 
ставления в наиболее популярных программах просмотра — броузерах 
Мтсгозой |п{егпе{ Ехр/огег и Ме{зсаре Мамда‘ог. Несмотря на то что прямая ра- 
бота с кодами НТМЕ считается признаком высокого профессионализма, 
даже самый искушенный \еб-дизайнер едва ли откажется от преимуществ, 
которые дает графический интерфейс и создание документов в режиме 


УУ5ГПУС. 


В 


Селектор Размер Индикатор Панель 
разметки страницы загрузки быстрого запуска 


Рис. 1.2. Окно документа 
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В отличие от большинства приложений И/таои5 программа Огеатмеауег 
не может работать с несколькими документами в одном окне программы. 
В зависимости от выбранных установок новый документ загружается в 
отдельное окно программы или заменяет ранее открытый документ в 
текущем окне. При таком режиме работы разницы между окном программы 
и окном документа практически нет. Поэтому далее мы будем использо- 
вать эти названия как синонимы. 


Режимы работы 


В режиме УУ5ГИТС создание гипертекстового документа немногим отли- 
чается от работы с обычным текстовым редактором. 


Базовые операции ввода и форматирования текста, команды вставки объек- 
тов, техника навигации и выбора — все эти приемы реализованы в программе 
Огеат\меауег в стиле, который доминирует в визуальных средах последние 
несколько лет. Разработчик может работать с документом, используя при- 
вычные средства редактирования и форматирования и не задумываясь о 
том, как реализуются его проектные решения средствами языка НТМЕ. 
Пакет Огеат\меауег автоматически создает исходный текст, в котором инфор- 
мационное наполнение документа и его оформление записывается в кодах 
языка разметки гипертекста. 


Несмотря на то что большая часть созидательной работы может быть вы- 
полнена в режиме \У5ГИУС, иногда приходится прибегать к прямому коди- 
рованию. Причин тому несколько. Главным образом, это необходимость 
тонкой настройки кодов разметки. Кроме того, в стандарте языка НТМЕ 
упоминается более сотни дескрипторов, каждый из которых может иметь 
несколько атрибутов или модификаторов. Трудно представить себе про- 
грамму, в которой все лексическиеединицы языка НТМЕ поддержаны элемен- 
тами управления: кнопками или командами. В рамках интерфейса системы 
Огеатмиеауег свое воплощение нашли самые востребованные средства гипер- 
текстовой разметки. Малоупотребительные коды приходится вводить вручную. 


Все версии программы Огеатмеауег, начиная с первой, предоставляют пользо- 
вателю возможной прямого редактирования кодов разметки. Какие сред- 
ства применяются для этой работы? Во-первых, это специальный встроен- 
ный редактор Соде !пзрес{юг (Инспектор кодов), который сопровождает про- 
грамму Огеатмеауег с самых первых версий и претерпел за это время только 
косметические изменения. Во-вторых, пользователь имеет возможность 
подключить внешний редактор НТМЕ по собственному выбору. В этой роли 
могут выступать различные программы: от простейших текстовых редак- 


торов универсального назначения (например Блокнот) до высокоспециали- 
зированных программных средств, предназначенных для работы со слож- 
ными гипертекстовыми документами (А!аге НотеЗне). 


В четвертой версии редактора появилась очень удачная новинка — режимы 
работы окна документа. Окно документа может находиться в одном из трех 
режимов или видов. 


®_ Оездп Мем (Режим планировки). Это обычный для визуального редак- 
тора режим У5ГУТС, в котором отображаются объекты гипертек- 
стовой страницы, их форматирование и расположение. От пользова- 
теля скрыты коды разметки, с помощью которых решаются инфор- 
мационные и оформительские задачи создания гипертекстового до- 
кумента. Далее будем иногда называть этот режим визуальным. 


®_ Соде \е\м (Режим разметки). В этом режиме в окне документа отобра- 
жается полный исходный код гипертекстовой страницы, со всеми 
дескрипторами, метатегами, сценариями и комментариями. Этот ре- 
жим работы будем называть кодовым. На рис. 1.3 показана пустая 
страница в режиме отображения кодов. Каждая новая страница, не 
содержащая ни одного текстового или графического объекта, авто- 
матически получает базовую гипертекстовую разметку. 


ва<1Ще>ИУп!{ед Боситеп<АШе> 
а<теТта ВИр-едим="Сощег-Туре" сощеги=“ЧехИ т: 
спагбсе{=мтпдо\мс-1261 "> 


4</Леа4> 

9<Боду Бсоюг="#РЕРЕЕЕ" 4еж{="#000000“> 
Ш<р>&пЬзр:<{р> 

<р>&пЬзр.</р> 


< Лт 


Рис. 1.3. Окно документа в режиме разметки 


® Содеапа Оез1дп Ме\м (Режим разметки и планировки). Это комбинирован- 
ный режим, в котором окно документа расщепляется на две секции. 
В одной секции отображаются коды гипертекстовой разметки, в дру- 
гой программа показывает планировку страницы со всеми объектами 
и атрибутами форматирования. На рис. 1.4. показано расщепленное 
окно документа, в котором представлена пустая страница. 


29 


1. Основы работы с программой 


30 


<Мт[> 

<Веад> 

<ННе>Ипе4 Восите{<ЯМе> 

<теа ИИр-едим="СомепЕ Туре" сомет="Чех тт: 


190\5-1251"> 


Рис. 1.4. Расшепленное окно документа 


Имеется несколько способов изменения режима работы. Во-первых, это 
команды строки меню: Мем » Соде (Вид » Разметка), \Мле\м > Без!дп (Вид >» Плани- 
ровка), Мем > Соде апа Оез!оп (Вид » Разметка и планировка). Во-вторых, на 
панели инструментов представлены кнопки, позволяющие быстро переходить 
из одного режима в другой. Наконец, при помощи клавиатурной комбина- 
ции СТВЕ+ТАВ можно переходить из режима планировки в режим разметки 
и обратно или перемещаться из одной части расщепленного окна в другую. 


Размеры частей расщепленного окна документа можно менять. Для этого 
следует зацепить указателем разделительную линию и перетащить ее. 


Среди программистов получил хождение термин «исходный текст». Так 
называется программа, записанная на языке программирования высо- 
кого уровня, на начальных этапах ее разработки. Этот термин неплохо 
передает отношения, существующие между кодовой частью гипертек- 
стового документа и его видимым образом. Запись документа на языке 
НТМЕ будем называть исходным текстом. 


Строка меню 


Строка меню — это непременный атрибут любого приложения Упао5. 
Она открывает доступ к командам, диалоговым окнам, кнопкам, с помо- 
щью которых выполняется вся содержательная работа по созданию доку- 
мента, настройке программы, управлению процессом визуализации и пр. 


Каждый пункт строки меню объединяет группу функционально близких 
команд, которые образуют иерархию вложенных меню и подменю. Приве- 
дем краткое описание этих пунктов. 


Меню Е!е (Файл) объединяет основные файловые команды, средства 
работы с шаблонами гипертекстовых документов, команды экспор- 
та, импорта и просмотра во внешних броузерах. 


В меню ЕЧИ (Правка) входят команды, управляющие буфером обмена, 
средства поиска, директивы выбора объектов и настройки програм- 
мы. Отдельный раздел составляют команды, управляющие кодами 
гипертекстовой разметки. 


Все пункты меню Мем (Вид) имеют близкое назначение. Здесь объе- 
динены средства визуализации вспомогательных элементов интер- 
фейса и объектов гипертекстового документа. 


В меню пзег (Вставка) входят команды импорта различных объектов: 
изображений, таблиц, сценариев, форм, слоев, специальных симво- 
лов, метадескрипторов и пр. 


Меню МодИу (Изменить) объединяет средства и команды для измене- 
ния атрибутов объектов гипертекстового документа. 


Меню Тех (Текст) включает в себя ресурсы программы, связанные с 
созданием текстовых фрагментов и их форматированием. 


Содержимое меню Соттапа$ (Команды) составляют различные команд- 
ные средства, предназначенные для автоматической обработки гипер- 
текстовых документов: сценарии, верификаторы кодов, утилиты и пр. 


Пункт Зие (Сайт) в строке меню включает в себя средства работы с 
сайтами и связанными системами гипертекстовых документов, обла- 
дающими сложной структурой и многочисленными ссылками. 


В меню М/’пдом (Окно) входят команды визуализации палитр, панелей 
и диалоговых окон программы. 


В меню Нер (Справка) расположены команды вызова интерактивной 
справки, запуска электронного учебника, средства автоматической 
электронной регистрации и запуск демонстрационного ролика. 


Панель инструментов 


Панель инструментов выполняет функции основного диспетчерского пульта 
программы (рис. 1.5). Она объединяет кнопки вызова наиболее востребо- 
ванных команд и ресурсов редактора. Эта компактная панель существенно 
сокращает накладные расходы, связанные с навигацией по системе вложен- 
ных меню и подменю. 
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Рис. 1.5 Панель инструментов 


Перечислим все элементы управления, расположенные на ней (слева на- 
право). 


® Соде \Мем (Режим разметки). Кнопка перехода в режим отображения 
исходной гипертекстовой разметки документа. 


® Соде апа Оезап Ме\м (Режим разметки и планировки). Кнопка перехода в 
комбинированный режим работы, когда окно документа расщепля- 
ется на две части: в одной выводятся коды разметки, в другой отобра- 
жается внешний вид гипертекстовой страницы. 


® Оезюоп Меми (Режим планировки). Кнопка перехода в визуальный режим 
работы редактора — режим УУ5ГИТС. 


® Ти (Заголовок). Текстовое поле, предназначенное для ввода заголов- 
ка документа. 


® Ее Мападетеги (Управление файлами). Кнопка открывает меню, содер- 
жащее файловые команды сетевого обмена и контроля обращения. 


® Ргемем/Оеьид п Вгомизег (Просмотр/отладка в броузере). Кнопка откры- 
вает меню с командами просмотра и отладки гипертекстового доку- 
мента. Первые выполняют верификацию гипертекстовой разметки. 
Для этого они загружают документ в одну из установленных и свя- 
занных с системой Огеатмеауег программ просмотра. Команды отладки 
проверяют работоспособность кодов языка Ласа5стрё в выбранном 
броузере. 


» Кенезн Оезюп МУем (Обновить страницу). По этой команде все измене- 
ния, сделанные в исходном тексте документа, переносятся в режим 
планировки. При этом выполняется проверка синтаксиса и интерпре- 
тация кодов. Корректные фрагменты отображаются на странице, оши- 
бочные помечаются желтым цветом. 


» Ке{егепсе (Справка). Кнопка выводит на экран электронное справоч- 
ное руководство, содержащее описание дескрипторов языка гипер- 
текстовой разметки, конструкций иерархических стилевых специфи- 
каций (С55) и операторов языка /азазстри. 


® Соде МамдаНоп (Навигация по кодам). Кнопка открывает доступ к меню 
с командами, управляющими отладкой встроенных программ, напи- 
санных на языке /асаэспре. 
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® \УемОрНоп$ (Параметры отображения). Кнопка открывает меню с коман- 
дами, которые управляют визуализацией вспомогательных элемен- 
тов окна документа. В это меню входят многие команды меню Мем 
(Вид) строки меню, а также команды, которые управляют представ- 
лением кодов. 


Селектор разметки 


В левой части строки состояния расположен селектор разметки (ав з@(есю?). 
Он представляет собой своеобразный индикатор, который показывает дес- 
крипторы разметки НТМЕ, окружающие текущую позицию курсора. Так, 
для любой пустой страницы селектор принимает значение <Боду>. Если 
набрать строчку текста и нажать клавишу ЕМТЕКВ, то появится дескриптор 
параграфа <р>. Если поместить курсор внутрь таблицы, селектор покажет 
дескрипторы <{аЫе>, <#>, <1а4>, относящиеся к таблице, активной строке 
и ячейке. 


Программа постоянно отслеживает положение курсора и обновляет состо- 
яние селектора разметки. Это облегчает ориентацию в сложных гипертек- 
стовых документах, содержащих вложенные таблицы, слои и фреймы. 
Обычно фрагменты гипертекстового документа находятся в области дей- 
ствия нескольких вложенных дескрипторов. Селектор показывает все реле- 
вантные дескрипторы в порядке их расположения в документе. Чем ближе 
дескриптор к текущей позиции курсора, тем правее он расположен в строке 
состояния. 


Селектор разметки — это не только средство навигации, он представляет 
собой удобный инструмент для выбора объектов. Щелчок на имени деск- 
риптора в строке состояния выбирает всю его область действия в окне до- 
кумента. Выбранный дескриптор выделяется в селекторе разметки полу- 
жирным шрифтом. 


метки — это более надежный способ, чем стандартный прием протяги- 
вания мыши. Этот способ позволяет идентифицировать скрытые деск- 
рипторы, которые не отображаются в окне документа, например деск- 
рипторы <ГРпф>. 


Размеры страницы 


Виртуальное сообщество развивается по стихийным законам, не подчиня- 
ясь регламентации и стандартам. Это одна из причин быстрого роста «по- 
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пуляции Интернета», которая, однако, является источником многочислен- 
ных трудностей для разработчиков и программистов. В самом деле, разра- 
батывая страничку или сайт, автор должен помнить, что его произведение 
может отображаться на самых различных компьютерных системах. Если 
он не хочет потерять посетителей, то должен, в частности, побеспокоиться 
о корректном представлении документа на мониторах, имеющих разный 
размер и использующих разные технологии (не обязательно на базе элект- 
ронно-лучевой трубки). 


Есть и другие причины, заставляющие менять размеры окна броузера 
при просмотре онлайновых документов. Каждый грамотный человек 
согласится с тем, что скорость чтения зависит, кроме всего прочего, и от 
длины строки. Восприятие прочитанного существенно осложняется, если 
строчки значительно отличаются от некоторой нормы. Исследования по 
психологии показали, что оптимальная длина текстовой строки тесно 
связана с числом символов алфавита. Чтобы определить зону комфорт- 
ного чтения, надо размер алфавита умножить на коэффициент, который 
принимает значения от 1,5 до 2. Это значит, что строчки текста на рус- 
ском языке не должны быть длиннее 70 символов. Многие пользовате- 
ли, и не подозревая о существовании подобной формулы, ограничивают 
размеры окна броузера, чтобы предотвратить появление чрезмерно длин- 
ных строчек. 


Разработчики пакета Огеатмеауег снабдили программу специальным сред- 
ством, которое позволяет представить, как документ будет выглядеть на 
мониторах различного размера. 


В средней части строки состояния (рис. 1.2) расположено поле, в котором 
выводятся текущие размеры окна документа в пикселах. Первое число дает 
значение ширины, второе — высоты. Если щелкнуть мышкой на любой 
точке поля, то выводится диалоговое окно (рис. 1.6), содержащее семь стан- 
дартных размеров для наиболее популярных конфигураций вычислитель- 
ных систем на платформах Итаош5 и Мастю5й. Для выбора размера дос- 
таточно выбрать соответствующую строку окна. 


Первый пункт меню 592 задает ширину области документа равной 592 пик- 
селам и оставляет текущую высоту области без изменений. Последний 
пункт ЕдИ $12е5 (Правка размеров) позволяет выбрать размеры окна доку- 
мента и внести их в список стандартных. На экране отображается диалого- 
вое окно Рге{егепсе$ (Настройки), где в поле Улан (Ширина) задается ширина, 
а в поле Неган\ (Высота) — высота области. Текстовое описание нового стан- 
дарта указывается в поле Везсириоп (Описание). 


1.3. Интерфейс 


Рис. 1.6. Выбор размеров окна 


Все размеры рассчитываются без учета служебных элементов окна про- 
граммы: размерных линеек и строки меню. Учитывается только рабочая 
область, отведенная под документ и его объекты. Высота строки состоя- 
ния и левые и правые поля в программе Огеатмеауег подобраны по раз- 
мерам аналогичных элементов наиболее популярных броузеров М1тсго5о Я 
Ехр{огег и №е{5саре Мамдафог. 


Индикатор загрузки 


Посещаемость страницы зависит не только от ее содержания или, как сей- 
час принято выражаться, контента. Даже глубокая, содержательная стра- 
ница с отшлифованным дизайном вряд ли будет успешной, если она требует 
в ходе загрузки нескольких минут ожидания. 


В правой части строки состояния (см. рис. 1.2) расположен специальный 
индикатор, отображающий рассчитанную программой информацию о сум- 
марном объеме файла и скорости его загрузки. Первое число на индикато- 
ре — это размеры файла в килобайтах, второе представляет собой расчет- 
ное время ожидания загрузки в секундах. Понятно, что скорость передачи 
зависит от типа соединения, пропускной способности линии, протокола, 
марки модема и множества других факторов, часто не поддающихся учету. 
По умолчанию время загрузки рассчитывается для скорости соединения в 
28,8 Кбит/с. 


Скорость модемного соединения, принятая в качестве базы расчета, вхо- 
дит в число основных настроек программы и допускает изменение. Для 
этого надо дать команду ЕЧ\ » РгеРегепсе$ »> З{афи$ Ваг (Правка » На- 
стройки » Строка состояния) и в поле СоппесЯоп $реед (Скорость со- 
единения) ввести новое значение скорости. 
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Каковы максимально допустимые размеры гипертекстового документа? 
Дать четкий ответ на этот вопрос так же трудно, как получить достоверное 
денежное выражение стоимости жизни или точно рассчитать потребитель- 
скую корзину. Считается, что во всех случаях размер одной странички не 
должен превышать ста килобайт. Если он приближается к тридцати кило- 
байтам, то дизайнерские аппетиты следует умерить, превышение этого по- 
рога — это сигнал к тому, что пора принимать специальные меры по сниже- 
нию скорости роста файла документа. 


Основной вклад в суммарные килобайты гипертекстового документа 
вносят рисунки, мультимедийные файлы и файлы анимации. Чтобы оце- 
нить индивидуальный размер картинки, следует ее выбрать и прочитать 
искомую величину в левом верхнем поле палитры Ргореку 1пзресЕог (Ин- 
спектор свойств) (см. рис. 1.9). 


Палитра и панель быстрого запуска 


Палитра быстрого запуска (Ёаипспег) — это служебная, вспомогательная 
палитра, предназначенная для вывода на экран основных диалоговых окон 
и панелей программы. Для отображения палитры (рис. 1.7) следует выпол- 
нить команду \М/тадоми » Гаипспег (Окно » Палитра быстрого запуска). Повтор- 
ное выполнение этой команды убирает палитру с экрана. 


Рис. 1.7. Палитра быстрого запуска 


Щелчок на кнопке палитры [Г аипсвег (Быстрый запуск) выводит на экран со- 
ответствующее диалоговое окно. Повторное нажатие командной кнопки 
закрывает раскрытую палитру, если она расположена на переднем плане 
экрана. Если активная палитра хотя бы частично загорожена другими объек- 
тами, она переводится на передний план. 


По умолчанию палитра объединяет кнопки быстрого запуска семи самых 
востребованных компонентов программы. 


® ЭЦе (Сайт). Диалоговое окно для управления большим сайтом: систе- 
мой взаимосвязанных гипертекстовых документов со сложными пе- 
рекрестными ссылками. 


1.3. Интерфейс 


»® Аззе{з (Библиотека). Это название, буквальный перевод которого оз- 


начает активы или фонды, разработчики программы присвоили па- 
нели, которая играет в программе роль библиотеки или главного фон- 
дохранилища. Она хранит типовые элементы дизайна гипертексто- 
вых документов: изображения, цвета, внешние ссылки, сценарии, 
Назй-ролики, шаблоны ит. п. 


НТМЕ $1у/е$ (Стили НТМЬ). Палитра, предназначенная для работы со 
стилями разметки НТМЕ для текстовых строк и абзацев. 


С$$ $4\/е$ (Каскадные листы стилей). Палитра служит для управления 
каскадными листами стилей (сазсайте зе зйеег). Этот не очень удач- 
ный дословный перевод термина, к сожалению, уже закрепился врус- 
ском языке. Термин «иерархические стилевые спецификации» — это 
неплохой вариант перевода, который следует смыслу явления, а не 
его букве. В дальнейшем будем использовать оба варианта. 


Вепау!ог$ (Режимы). Палитра объединяет средства управления дина- 
мическими сценариями. Динамический сценарий программно управ- 
ляет интерактивностью гипертекстовой страницы. Сценарии строятся 
на основе событий, которые происходят на странице в процессе их 
просмотра. События запускают процедуры обработки объектов, ко- 
торые обычно пишутся на языке /аоасптре. В эту схему укладывает- 
ся великое множество интерактивных эффектов: от простейших ани- 
мированных кнопок, проявляющих чувствительность к положению 
указателя, до сложных процедур обработки баз данных. 


Н!$1югу (Предыстория). Палитра записывает и хранит действия пользо- 
вателя по редактированию документа НТМЕ. Протокол работы с про- 
граммой позволяет выполнять многоуровневую отмену операций 
редактирования и сохранять типовые повторяющиеся цепочки как 
команды. 


Соае |пзрестог (Инспектор кода). Одна из самых важных палитр програм- 
мы. По сути дела это внутренний редактор кода НТМЕ, интегриро- 
ванный в графическую оболочку Огеатмеауег. В предыдущих верси- 
ях программы, где не было возможности менять режимы работы окна 
документа, эта палитра была одной из самых важных составляющих. 
В четвертой версии это обычная модульная палитра, которую можно 
объединять с другими объектами такого класса. 


В правом нижнем углу палитры быстрого запуска расположена прямо- 
угольная кнопка. Это непритязательное по графическому исполнению сред- 
ство предназначено для изменения ориентации палитры. 
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Содержимое палитры быстрого запуска можно менять. Для этого надо дать 
команду Еай » Рге{егепсе$ (Правка » Настройки). Откроется диалоговое окно 
с главными настройками программы. В нем выберите категорию Рапе!$ (Па- 
нели) и измените содержимое палитры средствами, которые предоставляет 
раздел Зно\ми т Ёаипсйег (Показать в палитре быстрого запуска). 


В правой части строки состояния находится панель (см. рис. 1.2), которая 
по виду кнопок и функциональному назначению полностью идентична 
палитре быстрого запуска. Это своеобразный филиал палитры [Г аипсНег (Бы- 
стрый запуск), его содержимое дублирует содержимое основной палитры. 
Будем называть это средство панелью быстрого запуска. 


Контекстное меню 


Контекстное меню хорошо известно даже начинающим пользователям опе- 
рационной системы Ииао0и5. Это стандартный прием управления, кото- 
рый широко используется большинством приложений, работающих под 
управлением этой операционной системы. Суть его проста. Щелчок пра- 
вой кнопкой мыши по объекту окна документа выводит на экран меню, со- 
держимое которого зависит от типа объекта. В этом меню собраны коман- 
ды, которые относятся к данному объекту или с большой вероятностью 
могут быть востребованы в данной ситуации. 


Все версии программы Огеатмеауег поддерживают работу с контекстным 
меню. В четвертом издании редактора эта идея получила дальнейшее раз- 
витие. Контекстные меню увеличилась в размерах, получили дополнитель- 
ные уровни вложения и могут теперь вызываться практически в любой 
ситуации. На рис. 1.8 показан пример контекстного меню, которое програм- 
ма выводит по щелчку правой кнопкой мыши на любой свободной точке 
окна или текстового фрагмента. 


Инспектор свойств 


Палитра Ргорему тзрес{ог (Инспектор свойств) — это основной инструмент 
программы. Большую часть работы по заданию и изменению атрибутов 
объектов, расположенных на странице НТМГ, приходится выполнять с его 
ПОМОЩЬЮ. 


Инспектор свойств представляет собой плавающую палитру, обладающую 
свойством контекстной зависимости (рис. 1.9). Это значит, что ее содер- 
жимое может меняться в зависимости от выполняемой операции, положе- 
ния курсора и типа выбранных объектов. 


1.3. Интерфейс 


Рис. 1.8. Контекстное меню 


Для вывода палитры на экран надо выполнить команду \\/тдом » Ргорегие$ 
(Окно » Свойства) или воспользоваться комбинацией клавиш СТВЕ+ЕЗ. По- 
вторное выполнение этой команды убирает инспектора с экрана. 


12 3 104 56 7] 8 9 
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Рис. 1.9. Инспектор свойств 


Перечислим основные поля и кнопки палитры. Эти элементы управления 
относятся к форматированию текста и созданию гипертекстовых ссылок и 
присутствуют в Инспекторе свойств в большей части его состояний. 


® Список Еогта{ (Формат) предназначен для выбора одного из стандарт- 
ных структурных типов текста (1). 
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программой 


Список Ипк (Ссылка) хранит перечень всех ссылок текущего документа. 
Каждая ссылка обладает неограниченной применимостью. Это зна- 
чит, что однажды созданную ссылку можно использовать повторно 
вместе с другими активными областями (2). 


Список, с помощью которого выбирается шрифтовое оформление 
выбранного текстового фрагмента. Пункты этого списка представля- 
ют собой шрифтовые семейства или наборы, которые объединяют 
несколько шрифтов и упорядочивают их по предпочтительности при- 
менения. Свои названия отдельные пункты получают по заглавным 
шрифтам наборов (3). 


Список $12е (Размер) предназначен для выбора размера шрифта (4). 


Кнопка вызова стандартной цветовой палитры. Эта палитра служит 
для выбора цвета выбранного текстового фрагмента (5). 


Поле, в котором отображается или задается шестнадцатеричный код 
выбранного цвета (6). 


Стандартные по виду и функциям, выполняемым в различных про- 
граммах, кнопки для выбора начертания шрифта (7). 


Кнопки для выбора типа выравнивания (8). 
Кнопка вызова интерактивной подсказки (9). 


Маркер-указатель. Создает гипертекстовые ссылки при его перетас- 
кивании на требуемый источник: файл или символ привязки (якорь) 


(10). 


Кнопка открытия диалогового окна Заеси Ейе (Выбрать файл). С помо- 
щью этого окна можно выполнить навигацию по файловой системе и 
выбрать документ, который будет служить целью гипертекстовой 
ссылки (11). 


Список Тагде* (Назначение) предназначен для выбора способа визуали- 
зации документа, на который указывает гипертекстовая ссылка. В этом 
разделе можно определить окно или фрейм, в котором следует выво- 
дить ссылочный документ (12). 


Стандартные для большинства редакторов, текстовых и НТМГ, кнопки 
для создания маркированных и нумерованных списков (13). 


Кнопка [131 Мет (Раздел списка) служит для открытия диалогового окна 
11$1 Ргорегие$ (Свойства списка), предназначенного для редактирования 
списков всех типов (14). 


1.3. Интерфейс 


» Две кнопки, управляющие горизонтальным сдвигом текстовых фраг- 
ментов (15). 


е Кнопка вызова экспресс-редактора кодов (16). 


» Кнопка Ехрапаег аггоми (Расширение) служит для изменения размеров 
палитры. С ее помощью можно сворачивать и разворачивать палитру 
Ргорему тзрестог (Инспектор свойств) (17). 


Большинство команд, выполняемых при помощи Инспектора свойств, немед- 
ленно переносятся на обрабатываемый объект: рисунок, текст или таблицу. 
Лишь в редких случаях требуется дополнительное подтверждение, кото- 
рое может выполняться нажатием клавиши ЕМТЕК или ТАВ или щелчком 
мыши. 


Для перемещения по разделам Инспектора свойств удобно использовать кла- 
вишу ТАВ. Ее нажатие приводит в действие выбранные установки текуще- 
го поля или списка и делает активным следующий элемент управления 
палитры. 


Многие элементы управления Инспектора свойств представляют собой ком- 
бинацию текстовых или числовых полей и раскрывающихся списков. Это 
позволяет выбрать удобную тактику задания параметров. Требуемое зна- 
чение можно просто набрать с клавиатуры или выбрать из меню. Меню 
открывается стандартным для системы Ёп40и5$ способом — щелчком на 
раскрывающей кнопке, расположенной справа от поля. 


Инспектор свойств — это особое средство, разработчики программы надели- 
ли его рядом дополнительных возможностей, отсутствующих у других ди- 
алоговых окон программы. Инспектор свойств полностью автономен и не об- 
ладает способностью к стыковке с другими палитрами. Штатный прием 
перемещения окон в операционной системе Иптдош$ — перетаскивание за 
строку заголовка. Его можно применять к любой палитре или панели про- 
граммы. 


Редакторы НТМЕ, работающие в режиме ЙУ5 ГУС, весьма расточительно 
расходуют свободное пространство экрана. Это вызвано отнюдь не неради- 
востью разработчиков; тому есть объективные причины. Гипертекстовые 
документы требуют большего числа обрабатывающих функций, чем доку- 
менты, выводимые на печать. Каждая утилита или команда должна быть 
представлена в интерфейсе редактора кнопкой или пунктом меню. Поэтому 
часто рабочий стол редакторов НТМЕ завален палитрами и панелями, как 
ломберный стол отыгранными картами в азартной партии с большими став- 
ками. 
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1. Основы работы с программой 


Большую часть времени Инспектор свойств приходится держать в раскры- 
том состоянии. Его окно требуется часто передвигать по экрану, чтобы по- 
лучить доступ к скрытым частям документа. Эту операцию можно выпол- 
нить при помощи перетаскивания любой свободной точки фона палитры. 
Двойной щелчок на такой точке меняет размеры окна Инспектора ‹ СВОЙСТВ. 


Разработчики  <набдили программу геатмеамег | несколькими вспомо- 
гательными функциями, которые помогают пользователю содержать окно 
в относительном порядке. Во-первых, палитры Огеатмеауег — это отча- 
сти самостоятельные окна, способные располагаться где угодно на Ра- 
бочем столе И/таои5. Это позволяет поделить рабочее пространство 
монитора между служебными элементами управления и окном докумен- 
та. Счастливые обладатели двухмониторных систем (подобные конфи- 
гурации поддерживают последние версии операционной системы 
ИЛпаоиз) могут сгруппировать все вспомогательные окна и палитры на 
одном мониторе, освободив другой для работы с документом. 


Во-вторых, палитры программы обладают  пособностью к объединению. 
Это значит, что пользователь имеет возможность формировать сборные 
комплексные палитры из отдельных простых окон. Для этого достаточно 
зацепить указателем закладку палитры и перетащить ее на любое свобод- 
ное место сборной палитры. 


В-третьих, существует команда, убирающая все открытые палитры с рабо- 
чего стола программы. Проще всего эта операция выполняется нажатием 
клавиш Е4. Повторное нажатие этой клавиши восстанавливает исходную 


конфигурацию экрана. 


Палитра объектов 


Только самые простые гипертекстовые документы представляют собой 
фрагменты текста, размеченные командами перехода по ссылке. Большин- 
ство современных страниц НТМЕ мультимедийные. Это значит, что в их 
состав входят внешние объекты: мультимедийные файлы, средства воспро- 
изведения, картинки, файлы анимации и пр. 


Палитра ОЦес*$ (Палитра объектов) служит для вставки и создания внешних 
объектов. Все, что можно включить в состав страницы НТМЕ, от растровых 
изображений до апплетов, написанных на языке ./аза, можно вставить при 
помощи палитры объектов. 


Чтобы вывести палитру на экран, следует выполнить команду \Итаом » 
ОБес+з (Окно > Объекты). Клавиатурный эквивалент команды — это комби- 
нация СТК!-+РЕ2. Повторное выполнение команды убирает палитру с экрана. 
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1.3. Интерфейс 


Рис. 1.10. Палитра объектов 


Содержимое палитры разделено на семь тематических разделов. 


Спагас\ег$ (Специальные символы). Вставка специальных символов, 
отсутствующих на клавиатуре (торговая марка, копирайт и пр.). 


Соттоп (Общие). Раздел объединяет самые ходовые объекты, без ко- 
торых трудно обойтись даже при создании простых гипертекстовых 
документов. Это таблицы, изображения, горизонтальные линейки, 
текущие календарные даты и т. д. 


Гогтз (Формы). Формы и элементы, их образующие: переключатели, 
списки, текстовые поля и пр. 


Егате$ (Фреймы). Создание фреймовых структур с различным поло- 
жением составных частей — фреймов. 


Неад (Заголовок). Вставка метаописаний в заголовочную часть гипер- 
текстового документа. | 


пу е$ (Скрытые объекты). Размещение скрытых объектов, которые 
не отображаются программами просмотра страниц НТМГ. Это самый 
маленький раздел палитры; он позволяет добавлять всего лишь три 
типа объектов: символы привязки, комментарии и сценарии. 


Зрес!а! (Специальные объекты). Раздел объединяет кнопки вставки спе- 
циальных объектов. К таковым разработчики программы отнесли 
апплеты, объекты АсйоеХ и внешние дополнения (р/ив-т5). 
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1. Основы работы с программой 


В нижней части палитры расположены четыре кнопки, разделенные на две 
группы: Гауои! (Компоновка) и Мем (Вид). Эти средства — нововведение чет- 
вертой версии программы. Они предназначены для перехода в режим ма- 
кетирования и быстрого создания структуры или макета страницы. Под- 
робнее эти вопросы обсуждаются в главе, посвященной компоновке стра- 
ницы. Приведем только краткие описания этих элементов управления. 


® — Огам/ [ауои{ Се! (Создание макетной ячейки). Доступ к инструменту со- 
здания макетной ячейки. 


® Огам [Гауошй ТаЫе (Создание макетной таблицы). Доступ к инструменту 
создания макетной таблицы. 


® Э{апдага М!еми (Стандартный режим). Переход в стандартный режим ра- 
боты с документом. 


® [ауош Ме\ми (Режим макетирования). Переход в режим макетирования 
документа. 


Название текущего раздела отображается под строкой заголовка палитры. 
Чтобы сменить раздел, щелкните на этом названии. Откроется меню, по- 
зволяющее выбрать нужный раздел. 


У некоторых разделов на палитре отображаются не все кнопки. В частно- 
сти, раздел Соттоп (Общие) объединяет почти два десятка кнопок, которые 
просто не помещаются в окно палитры. Чтобы получить доступ ко всем 
ресурсам больших разделов, можно использовать прокрутку (ее обеспечи- 
вают две кнопки со стрелками, расположенные у края палитры) или про- 
сто увеличить размеры диалогового окна. 


Процедура вставки объектов в большинстве случаев требует ввода до- 
полнительных параметров настройки. В таких случаях на экране появ- 
ляется диалоговое окно, в котором пользователь должен выбрать или 
ввести требуемые параметры. В основных настройках программы в раз- 
деле бепега( (Общие), есть флажок Ном Ота[од М!Пеп Тп5егптд ОБ]ес{5 
(Показывать диалоговые окна при вставке объектов), управляющий ото- 
бражением этих окон. Если сбросить этот флажок, то для большинства 
объектов (хотя и не для всех) принимаются стандартные параметры и 
вывод промежуточных окон подавляется. Чтобы выполнить такую на- 
стройку, дайте команду Еа\ » Рге{егепсе$ » бепега| (Правка » Настрой- 
ки > Общие). 


Инспектор кода 


Среди многочисленных представителей класса редакторов НТМЕ, популя- 
ция которых в наши дни стремительно увеличивается, программа 
Огеат\уеауег отличается строгой работой с кодами гипертекстовых докумен- 
тов. Но даже эта глубоко продуманная и чисто реализованная программа 
не в состоянии полностью избавить пользователя от ручной корректиров- 
ки кодов НТМЕЁ. 


Прямая работа с кодами — это не только неизбежное зло, но и возможное 
благо. Она позволяет идентифицировать скрытые ошибки, устранить избы- 
точность кода, быстро внести локальные изменения в выбранные фрагменты 
гипертекста, оптимизировать структуру документа или его форматирование. 


В состав пакета Огеатмеауег входит специальное средство, предназначен- 
ное для просмотра и редактирования кодов разметки гипертекстовых до- 
кументов. В документации на программу оно называется Соде пзресюг (Ин- 
спектор кода). 


Существует несколько различных способов его вызова. Во-первых, это ко- 
манда \\!пдом »> Соде |пзрес‹ог (Окно » Инспектор кода), во-вторых, это клави- 
шаЕ10. Кроме того, панель и палитра быстрого запуска располагают специ- 
альными кнопками активизации этого средства. Они изображаются в виде 
пары угловых скобок, повторяя обозначение дескрипторов, принятое в 
языке НТМЕ. 


№<Р\т[> 

д<пеад> 

в9<{Ще>Ипе4 Воситетщ<Афе> 

<теа АЫр-едум="СощепЕ Туре" сометм=“Чех тт; 
скагзе1=\мпдо\5-1261"> 


4</Пеа4> 
я<Боду Бдсо!ог="#РЕЕЕЕЕ" 4еж{="#000000"> 
1<р>&пЬзр;<]р> 
в <р>&пЬзр:</> 
<роду> 
И < гп > 
11 


Рис. 1.11. Инспектор кода 
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1. Основы работы с программой 


На рис. 1.11 показано окно Инспектора кода. В четвертой версии программы 
Огеат\умуеауег это средство реализовано в виде обычной плавающей палитры, 
которая по технике работы и возможностям почти не отличается от кодо- 
вого режима окна документа (Соде Мем/). Пять кнопок во втором ряду — это 
дубликаты командных кнопок основной панели инструментов (см. рис. 1.5). 
Представлением кодов разметки в палитре управляют команды, доступ к 
которым открывает кнопка Мем Орйоп$ (Параметры отображения). Рассмот- 
рим эти команды. 


® \\№!ога У/гар (Перенос по словам). Режим переноса строк кода. Если он 
включен, то декларации языка НТМЬЕ, длина которых превосходит 
текущие размеры окна редактора, автоматически переносятся на дру- 
гую строчку. Никаких символов перехода на новую строку в исход- 
ный текст документа при этом не вставляется — речь идет лишь об 
особом режиме просмотра. 


® пе Митбег$ (Номера строк). Команда отображения нумерации. Если 
этот режим включен, каждая строка получает порядковый номер, что 
упрощает ориентацию и поиск в больших гипертекстовых докумен- 
тах. 


®  НаННОН! пуайа НТМЕ (Пометка некорректных кодов). Эта команда активи- 
зирует режим, в котором синтаксически ошибочные конструкции 
выделяются желтым цветом в Инспекторе кода и в окне документа. При 
этом Инспектор свойств выводит сообщение об ошибке и в некоторых 
случаях предлагает рецепты ее исправления. 


® Зумах Соогтд (Раскраска синтаксических конструкций). В этом режиме 
различные по смыслу части кодовой разметки выделяются разным 
цветом, что помогает быстрее ориентироваться в исходном тексте 
документа. Более того, программа Огеатмеауег дает возможность 
выбрать особое цветовое представление для каждого дескриптора 
языка НТМЕ. Назначение цветов выполняется в основных настрой- 
ках программы в разделе Соде Со1ог$ (Цвета кода). 


® Ао тдеп( (Автоматический отступ). Команда активизирует режим ав- 
томатической установки отступов для дескрипторов разметки, вво- 
димых в окне Инспектора кода. Виды дескрипторов и правила расста- 
новки отступов задаются в специальном файле инициализации 
ЗоигсеГогта\{. 1х4. 


В правой части окна Инспектора кода расположена безымянная кнопка тре- 
угольной формы. Она вызывает меню с командами обслуживания исход- 
ного текста документа. Перечислим эти команды. 
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1. 4. . Открытие файлов 


» Епдапа Кер!асе (Найти и заменить). Вызывает команду поиска и замены. 


» Е/па № х{ (Найти далее). Запускает процедуру поиска с ранее введен- 
ным образцом для поиска и текущими параметрами поиска. Диало- 
говое окно настройки поиска и замены не отображается. 


® Ке{егепсе (Справочное руководство). Вызывает справочное руководство 
по ресурсам НТМЕ, Ласастре и (55. 


® Зе! Вгеакро!т! (Вставить контрольную точку). Устанавливает контрольную 
точку в позиции текстового курсора. Контрольные точки помогают 
при отладке встроенных программ. 


® КРетоуе А! ВгеаКро!т (Удалить все контрольные точки). Удаляет все конт- 
рольные точки из исходного текста документа. 


® Си (Вырезать). Вырезает выбранный кодовый фрагмент в буфер об- 
мена. 


® Сору (Копировать). Копирует выбранный кодовый фрагмент в буфер 
обмена. 


® Раче (Вставить). Выполняет вставку содержимого буфера обмена. 


Для переключения между Инспектором кода и окном документа можно 
использовать › щелчок ^ МЫШИ ИЛИ и комбинацию к клавиш ш СТКС+ТАВ. 


Инспектор кода можно вполне успешно и использовать в несколько нео- 
бычной для него роли текстового редактора. Программа Огеатмеауег 
успешно распознает файлы, записанные с использованием символов 
А$СП, например простой текстовый файл или исходный текст программы. 
Такие документы открываются при помощи штатной команды Ореп (Открыть) 
и загружаются в окно документа, которое работает в кодовом режиме. 
При этом некоторые ресурсы программы становятся недоступными. 


1.4. Открытие файлов 


Техника открытия файлов в программе ничем не отличается от тех шаб- 
лонных приемов, которыми располагают приложения "405. Штатный 
способ — это команда Ее » Ореп (Файл » Открыть). Команда имеет клавиа- 
турный эквивалент — сочетание клавиш СТВЕ+О. Кроме того, в программе 
поддерживается прием перетаскивания. Значок файла НТМЕ можно пере- 
тащить и бросить в любом месте окна документа или на значок или ярлык 
неактивной программы. 
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1. Основы работы с программой 


Но умолчанию новый файл открываются в собственном окне программы. 
Это не всегда удобное соглашение можно изменить. Для этого надо по ко- 
манде Еаи » Рге!егепсез (Правка » Настройки) получить доступ к основным 
настройкам программы и в разделе Сепега! (Общие) сбросить флажок Ореп 
ГИе$ т Меми М/паоми (Открывать файлы в новом окне). 


Число одновременно открытых окон программы ограничивается только 
свободной памятью компьютера. Если программа начала работу с пустой 
страницы, то новый файл в любом случае занимает ее место. 


Программа Огеатмеауег выполняет проверку синтаксиса открываемых стра- 
ниц НТМЕ. При обнаружении ошибок программа пытается самостоятель- 
но внести в разметку необходимые коррективы. Обо всех неисправимых 
ошибках кода программа информирует пользователя в специальном окне 
под названием НТМЕ Соггесноп$ (Исправления НТМГ.). 


Режим исправления ошибок и вывод протокола проверки допускают на- 
стройку. Для этого следует по команде Еай >» Рге{егепсез (Правка > Настрой- 
ки) вывести на экран диалоговое окно с основными параметрами програм- 
мы и внести необходимые коррективы в раздел Соде КемгИта (Переписыва- 
ние кодов). 


Программа способна открывать почти все документы, основанные на ги- 
пертекстовой разметке стандартного НТМЕ и его расширений и версий. 
Приведем далеко не полный перечень файловых форматов, доступных про- 
грамме: .НТМ, .НТМЕ, .АЗР, ‚СЕМ, „СЕМЬ, .ТХТ, .ЗНТМ, „ЗНТМЕ, .ЗТМ, ГА$$О, „.ХМЕ, 
.С$$, .РНР. 


1.5. Сохранение файлов 
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Сохранение файлов в программе Огеатмеауег выполняется стандартными 
для любых приложений Ит4ош5 средствами. Это команды строки меню: 
ГИе »> Зауе (Файл > Сохранить) и Ейе > Зауе аз (Файл > Сохранить как). Первая 
команда имеет клавиатурный эквивалент — комбинацию клавиш СТЮК+$. 
Она отображает диалоговое окно, в котором задается имя, тип и располо- 
жение файла, только в том случае, если имя текущего документа отсутствует. 
Это же диалоговое окно появляется при каждом обращении к команде $ауе 
аз (Сохранить как). Этой команде поставлена в соответствие комбинация 
клавиш СТКЕ+$НЕТ+$. Во всем остальном команды не имеют различий. 


По умолчанию файлы гипертекстовых документов получают расширение 
„НТМ в операционной системе \т4ош$ и .НТМЕ на платформе Мастюзй. В 


1.6. Отмена и повторение 


программе существует полное равновесие между командами открытия и 
сохранения файлов. Все типы файлов, которые могут быть открыты про- 
граммой, доступны и для сохранения. 


Длинные имена файлов, поддерживаемые операционными системами, 
начиная с И/паоис 95, стали привычными для современного пользователя. 
Некоторые серверы к известным правилам образования имен добавляют 
свои ограничения. Следует избегать в именах пробелов и любых знаков 
пунктуации, за исключением дефисов (йурРеп) и символов подчеркива- 
ния (ипаегзсоге). 


1.6. Отмена и повторение 


Большинство физических процессов, протекающих в природных услови- 
ях или научных лабораториях, принято считать необратимыми. Это одно 
из фундаментальных допущений естествознания, формирующих всю на- 
учную картину мира. На этом базовом предположении основывается весь 
познавательный арсенал теоретической и экспериментальной физики. Со- 
временные вычислительные машины способны отчасти освободить чело- 
века от оков этой философской категории. Большинство современных про- 
грамм дают возможность отменить неудачные действия, пересмотреть не- 
состоятельные дизайнерские решения, вернуться к исходному состоянию 
документа. Отмену последовательности принятых решений иногда назы- 
вают откатом. 


В программе Огеатмеауег для этого достаточно выполнить команду Еай » 
Опдо (Правка »> Отмена) или воспользоваться клавиатурной комбинацией 
СТКЕ-+А. 


Программа допускает отмену нескольких последовательных действий. Глу- 
бина отката входит в число основных настроек программы; по умолчанию 
она равна 100. 


Изменить это число можно следующим образом. 
1. Дайте команду ЕаИ » Рге!егепсе$ (Правка » Настройки). 
2. Откройте категорию Сепега! (Общие). 


3. Задайте значение глубины отката в поле Махитит МитьЬег о! Н:тогу З{ер$ 
(Максимальное число записей журнала). 
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1. Основы работы с программой 


Запись и хранение редакторской правки и команд пользователя требует 

дополнительных вычислительных ресурсов. Если резервы оперативной 
памяти невелики, то большие значения, установленные в поле Махтит 
Митьег о? Н15%огу 5$4ер$ (Максимальное число записей журнала), могут 
приводить к существенному замедлению работы программы. 


Команда Упдо (Отмена) позволяет выполнить отмену только «по горячим 
следам». Если требуются применить метод проб и ошибок, провести экспе- 
рименты с проектом, проверить различные варианты, то она оказывается 
мало полезной. Кроме того, некоторые команды в принципе нельзя отме- 
нить таким способом. 


Чтобы выполнить глубокий откат или отменить необратимые команды, 
можно воспользоваться командой Е!е » Кеуем (Файл »> Вернуться к сохранен- 
ному). Эта команда восстанавливает то состояние документа на момент пос- 
леднего сохранения файла. 


Тактика использования команды проста. Перед запуском необратимых или 
рискованных команд следует сохранить документ на диске. Если опыт ока- 
зался неудачным, то команда Кеуег{ (Файл » Вернуться к сохраненному) вос- 
становит сохраненное состояние документа. 


Программа ведет протокол работы с документом; выполненные команды и 
операции по редактированию страницы записываются в специальную па- 
литру Ногу (Предыстория). Это гибкое средство управления предоставля- 
ет пользователю намного большую свободу управления, чем стандартные 
команды отмены и возврата к сохраненной версии. 


Способы повторения выполненных операций представлены в программе 
намного скромнее. Команда Еа# » Кедо (Правка » Повторить) позволяет по- 
вторно выполнить предыдущую команду или редакторское действие. Ей 
соответствует стандартная клавиатурная комбинация СТКЕ+У. 


Следует помнить о том, что в протокол работы программы заносятся толь- 

ко результативные операции, например: ввод и удаление символов, встав- 

ка объектов, команды форматирования и др. Только такие действия мож- 

но отменить или повторить. Многие команды вспомогательного харак- 
тера и внешние для программы операции протоколированию не подле- 
жат. Таковыми являются перемещение курсора, выделение объектов, со- 
хранение документа ит. п. 
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1.7. Работа с палитрой Н!$%огу 


1.7. Работа с палитрой Н!$тогу 


Шаги по созданию и форматированию текущего документа записываются 
в специальную палитру Ногу (Предыстория). В ней сохраняются самые 
различные действия и команды: от ввода текста до вставки слоев. Палитра 
надежно страхует пользователя от возможных ошибок и неудач. С ее помо- 
щью можно отменить несколько последних действий по форматированию 
и редактированию документа, повторить удачную цепочку шагов, записать 
типовую последовательность операций в виде макрокоманды, чтобы ис- 
пользовать ее в другом документе. 


Вывести палитру на экран можно по команде \Мтаом > Н!зогу или при по- 
мощи комбинации клавиш ЗНИЕТ+Е1О (рис. 1.12). 


=> 


Турпо: аздаз 
ВЕ Ме Рагадгари 


УрАном 
Ачн Аком ($) 
Г Аррь абс 
Я В Аррь Воч 
1 9 еиР 


Рис. 1.12. Палитра Н:зюту (Предыстория) 


Содержимое палитры — это протокол работы пользователя с редактором. 
В палитру заносятся команды и действия в порядке их выполнения и под 
типовыми именами, которые дает им программа. 


Рассмотрим основные приемы работы с эти объектом. 


е Для отмены нескольких последовательных действий достаточно пере- 
тащить ползунок, расположенный в левой части палитры, вверх. Все 
команды, расположенные в палитре ниже бегунка, отменяются и в 
знак этого помечаются серым цветом. Вместо перетаскивания можно 
просто щелкнуть на левой полосе палитры напротив названия послед- 
ней действительной команды. Щелчок на имени команды просто 
выбирает ее, отмены при этом не происходит. 


е Отмененные команды можно вновь привести в исполнение. Для этого 
надо просто перетащить движок вниз или щелчком на левой полосе 
палитры выставить его напротив последней результативной команды. 
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1. Основы работы с программой 


Отмена отмены действует только до первого изменения в окне доку- 
мента. После любой вставки или форматирования запись всех отме- 
ненных команд ликвидируется. 


Чтобы повторить отдельную выполненную и записанную операцию, 
надо ее выбрать и нажать кнопку Кер!ау (Воспроизвести) в левом ниж- 
нем углу палитры. Программа дает возможность повторно выполнить 
несколько различных операций. Для этого их надо выбрать и щелк- 
нуть на той же кнопке палитры. Для выбора несмежных команд надо 
удерживать нажатой клавишу СТВЕ. 


Емкость палитры — величина переменная, она задается в основных 
настройках программы. Откройте командой Ев » Рге{егепсе$ (Правка »> 
Настройки) диалоговое окно с настройками, выберите раздел Сепега! 
(Общие) и введите в поле Махитит МитьЬег о! Н!з{огу 54ер$ (Максимальное 
число записей журнала) максимальное число шагов, записываемых в 
палитру. По умолчанию оно равно 100. Когда число команд палитры 
превысит установленную емкость, новые команды записываются за 
счет старых. 


Не следует рассматривать палитру |150 ‚ где 
хранится коллекция записанных команд, действий и операций, которые 
можно произвольно упорядочить или выборочно исполнить. Все собы- 
тия предыстории образуют строгую последовательность, не подлежащую 
реорганизации. 


2. Создание М\МеБ-узла 


Все многообразие информационных источников всемирной паутины У 
(Шота Тае \еБ) принято делить на два больших подкласса: страницы и 
узлы, или сайты. 


И!е-страницами называют простые, преимущественно текстовые докумен- 
ты без сложной системы ссылок и мультимедийного оснащения. Подоб- 
ные документы обычно не рассчитаны на массовую аудиторию и не содер- 
жат важной информации, пользующейся повышенным спросом. 


\ТеБ-узлы, или, как их иногда называют, сайты, представляют собой систе- 

_ му связанных между собой страниц, сходных по теме, оформлению, назна- 
чению и близкому (по меркам Интернета) расположению. Тематика, слож- 
ность и размеры сайтов могут значительно различаться. Под это определе- 
ние попадают как узлы небольших фирм, рекламирующих продукцию или 
услуги родительской организации, так и виртуальные гиперсистемы, со- 
стоящие из тысяч разнородных документов и мультимедийных файлов, 
связанных многочисленными перекрестными ссылками. 


Пакет Огеат\меауег — это многоцелевая программа. Его можно использовать 
как простой редактор гипертекстовых документов для создания отдельных 
страниц. Кроме того, программа располагает необходимым инструмента- 
рием, позволяющим проектировать и поддерживать еб-узлы любой слож- 
ности. 


2.1. Проектирование 


Как создать привлекательный посещаемый сайт, пользующийся успехом у 
сетевой общественности? На этот вопрос ответить так же трудно, как пред- 
ложить рецепт написания бестселлера или придумать методику создания 
шлягера. Оставим вопросы алгоритмизации творческих процессов психо- 
логам и создателям искусственного интеллекта. Приведем лишь несколь- 
ко простых рекомендаций технического характера, позволяющих избежать 
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грубых ошибок в процессе планирования структуры УеЁ-узла и его напол- 
нения. 


Недостатка в рецептах, посвященных созданию содержательных узлов и 
страничек, нет. Многие книги по Уеб-дизайну и руководства, посвящен- 
ные программным продуктам, изобилуют рекомендациями такого сорта: 
«Информационное наполнение документа должно быть полным и непро- 
тиворечивым», — или: «Чтобы сделать данные доступными, их следует хо- 
рошо систематизировать». Все это верно по сути, но прикладное значение 
подобных тезисов сравнимо с применимостью основных законов диалек- 
ТИКИ. 


Точка зрения на \еф-дизайн гуру и законоучителей Интернета широко 
представлена в компьютерной литературе и в самой сети. Если посмотреть 
на процесс создания виртуальных документов глазами инженера, то мож- 
но провести многочисленные параллели между сайтами и техническими 
системами, дизайном и инженерным проектированием. Разработка масш- 
табного \ер-узла — это во многом инженерная задача, по крайней мере в 
той части, которая связана с выбором структуры, распределением инфор- 
мации по страницам, созданием и поддержкой базы данных, обеспечением 
сохранности данных, криптографической защитой приватных сведений и пр. 


Методология инженерного творчества — это достаточно глубоко разрабо- 
танная дисциплина с устоявшимся терминологическим аппаратом и обшир- 
ной библиографией. Многие ее наработки, приемы и методики можно ис- 
пользовать при создании сложных узлов и виртуальных документов. 


Вместо того чтобы повторять трюизмы о гармонии формы и содержания, 
сошлемся на глубокую по содержанию и доступную по форме книгу, по- 
священную общей методологии проектирования — Дж. К. Джонс «Методы 
проектирования», Москва, «Мир», 1986. 


Структура узла 


Концепция гипертекста, впервые предложенная в начале шестидесятых 
годов, оказалась очень плодотворной и нашла широкое применение в сети 
Интернет, локальных сетях и при создании мультимедийных документов. 


Гипертекстом называется набор документов, связанных системой перекре- 
стных ссылок — гиперсвязей, которые разрешают пользователю быстро 
перемещаться из одной части документа в другую или выполнять инструк- 
ции некоторого управляющего языка. Структура даже самого сложного 


2.1. Проектирование 


печатного текста с развитой архитектоникой разделов и рубрик представ- 
ляет собой цепочку. Гиперсвязи позволяют снабдить документы более раз- 
витой, нелинейной структурой, что влечет за собой значительные измене- 
ния законов композиции таких информационных источников и способов 
общения с ними. 


Управляющие цепочки, информационные связи, семантические отноше- 
ния, существующие между отдельными страницами и источниками дан- 
ных, складываются в некоторую целостность, самостоятельное образова- 
ние, которую принято называть структурой. Можно выделить три основ- 
ных типа узловых структур: линейные, иерархические и многосвязные. 


Линейная структура 


Этот способ организации источников информации абсолютно доминиро- 
вал в докомпьютерную эпоху. Преимущественно линейную структуру име- 
ют все объемные печатные издания: художественные книги, учебники, спра- 
вочники, технические руководства и др. В наши дни такой способ построе- 
ния применяется при создании мультимедийных учебников и электронных 
руководств. В линейную цепочку выстраиваются шаги оформления заказа 
в электронном магазине, сложные процедуры регистрации или оформления 
доступа к некоторым сетевым ресурсам. 


Рис. 2.1. Линейная структура 


Точкой входа узла с линейной структурой служит первая страница. Эта 
главная страница обычно называется 1пдех.НЁт или та1п.Нёт. Она играет 
роль, которая в печатных изданиях отводится обложке, титульному листу, 
аннотации и заглавию. Это парадная, представительская страница, кото- 
рая должна быть одновременно привлекательной и информативной. 
Однако поисковые машины могут индексировать каждую страницу сайта 
независимо от других. Поэтому целесообразно снабдить все внутренние 
страницы узла навигационными кнопками, указывающими на главную 
страницу. 
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2. Создание мгеь-узла 


Иерархическая структура 


Цепочечный принцип организации сайтов накладывает жесткие ограни- 
чения на положение страниц и допустимые переходы между ними. Намно- 
го большей гибкостью обладают узлы, построенные по принципу иерархи- 
ческой соподчиненности. Достоинства и недостатки иерархических струк- 
тур хорошо изучены, поскольку многие организации, учреждения, произ- 
водства построены по этой схеме. 


Иерархические, или, как их иногда называют, древовидные структуры, 
имеют одну главную, корневую страницу, которая является точкой входа 
для всего сайта. Любая внутренняя страница может использоваться в каче- 
стве информационного источника и служить входом, заглавной страницей 
для логически связанной и относительно обособленной совокупности стра- 
ниц нижнего яруса. 


нь 
ИЩИ 


тит 
"УТУ 


Рис. 2.2. Иерархическая структура 


Обновление иерархических структур не связано с глобальной перестрой- 
кой всей топологии узла. Все изменения ограничиваются некоторым фраг- 
ментом — поддеревом; связи и вершины, выходящие за его пределы, не затра- 
гиваются. Часто иерархическая древовидная структура узла является естест- 
венной формой представления информации, поскольку многие информа- 
ционные источники или предметные области организованы по принципу 
соподчиненности. Представители точных наук называют подобное соот- 
ветствие оригинала и его представления гомоморфизмом. 


2.1. Проектирование 


Многосвязная структура 


Многосвязными принято называть такие структуры, на топологию кото- 
рых не накладывается никаких ограничений. У \ер-узлов с подобной то- 
пологией каждая страница может быть связана с каждой. На первый взгляд, 
такие структуры удобны для пользователя, поскольку позволяют быстро 
перейти по любому локальному адресу, минуя промежуточные пункты узла. 
Это предположение оправдывается только для сайтов небольшого размера 
с продуманной системой навигационных подсказок. С увеличением числа 
страниц и команд перехода поддержка и навигация в многосвязных сайтах 
становятся все более трудными. Локальные корректировки, вносимые в 
отдельные страницы, имеют тенденцию к распространению по всему узлу. 
В самом деле, простая замена страницы требует провести полную «инвен- 
таризацию» и обновить все ссылки, в которых она участвует как источник 
или приемник. 


Большие сайты должны быть оснащены специальной системой индекса- 
ции или навигационной картой, которая упрощает ориентировку посети- 
телей. 


Рис. 2.3. Многосвязная структура 


Распределение материала 


Распределение материала по разделам И’еБ-узла должно быть логичным. 
Каждая страница обязана содержать однородный по смыслу материал, об- 
ладать свойством относительной тематической независимости и давать по 
возможности полное описание предмета или темы. Эти простые принци- 
пы трудно оспорить; на них, в частности, основываются все хорошие школь- 
ные учебники. 
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Их чистое воплощение на страницах НТМГ-документов сталкивается с 
рядом существенных ограничений. Во-первых, это ограничения, вытекаю- 
щие из ограниченной пропускной способности существующих каналов свя- 
зи. Простые расчеты показывают, что даже при самом качественном соеди- 
нении по коммутируемой телефонной линии размеры страницы не долЖ- 
ны превышать 100 Кбайт. В противном случае риск потери потенциальных 
посетителей катастрофически увеличивается. 


А что если разделить большой документ на несколько разделов и распреде- 
лить по отдельным страничкам? Это разумное предложение нельзя рассмат- 
ривать как панацею — рецепт с неограниченной применимостью. Во-пер- 
вых, членение гипертекстового документа приводит к усложнению связей, 
а каждый щелчок мышкой по навигационной кнопке — это акт принятия 
решения, который требует от посетителя сайта определенных затрат. Кро- 
ме того, документы, насыщенные графикой, мультимедийными роликами 
или анимацией, не всегда допускают разумную декомпозицию. 


Есть определенная корреляция между степенью членения документов и 
частотой их обновления. Чем динамичнее содержимое узла, чем чаще об- 
новляются информационные источники, тем более мелким становится его 
деление на разделы и подразделы. 


Структура каталогов 


Существуют разные стратегии разработки больших Интернет-проектов, но 
самый естественный путь включает два этапа. Первый заключается в с0- 
здании \ГеБ-узла, расположенного на жестком диске. Это так называемая 
локальная версия сайта (1оса[ 5йе). После окончания ее разработки и вери- 
фикации локальная версия публикуется в сети Интернет и становится до- 
ступной для посетителей. По терминологии, принятой в пакете Огеатмеамег, 
вариант узла, опубликованный на сервере провайдера, называется удален- 
ной версией (тетоёе 5%е). 


Следует отметить, что в программе Огеатмеауег термин «сайт» исполь: 
зуется не только как синоним слова ИеБ-узел, но и для обозначения ме: 


м“ 


стонахождения файлов, принадлежащих к одной структур 


Программа Огеатмеауег поддерживает такой способ организации информа: 
ционного обеспечения, который требует размещать все наполнение сайт: 
внутри одного каталога, называемого корневым каталогом узла (тооЕ Го4ЕГ) 
Если разработчик выполняет это логичное и совсем необременительно. 
ограничение, то программа способна автоматически синхронизироват:! 
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2.1. Проек 


тирование 


файловые системы разных версий одного сайта. Только в этом случае пакет 
может отслеживать изменения, внесенные в структуру узла, и обновлять 
гипертекстовые ссылки и команды. Это соглашение нельзя считать наду- 
манным или жестким стандартом, поскольку в ведении разработчика оста- 
ется большая часть атрибутов файловой системы сайта: схема подкатало- 
гов, их связи и названия, распределение информационных файлов и пр. 


Как должна строиться система каталогов еф-узла? Г ромадная практика 
«сайтостроения» не смогла выработать четких указаний на этот счет. При- 
нято считать, что структура подкаталогов должна приблизительно соот- 
ветствовать разбиению сайта на разделы — его смысловой планировке. 
Например, если на узле, посвященном медицинским услугам, существуют 
разделы, относящиеся к диагностике, терапии и хирургии, то корневой ка- 
талог обязан включать три подкаталога с их информационным обеспече- 
нием. 


Это логичное предложение нарушают файлы, которые используются не- 
сколькими разделами сайта. В самом деле, где хранить общие кнопки, меню, 
сценарии или логотипы? Древовидная структура файловых систем не дает 
возможности подчинить один подкаталог нескольким каталогам верхнего 
уровня (объявить его потомком нескольких предков). Одним из способов 
работы с разделяемыми элементами является использование технологии 


Если дословно перевести этот термин с английского, то получится при- 
мерно следующее: «включение стороны сервера». Этот угловатый под- 
строчник неплохо передает существо дела. Технология 55Г позволяет ИБ- 
серверу включать в текст страниц НТМЕ содержимое из других источни- 
ков, текстовое или гипертекстовое. Окончательная сборка документа вы- 
полняется сервером непосредственно перед отправлением страницы 
НТМЕ броузеру пользователя. Все монтажные операции абсолютно закрыты 
от конечного потребителя; он может даже не подозревать, что обозре- 
ваемая им страница содержит вставки или заимствования. 


Какова же польза от технологии 55? Ответ очевиден. Разделяемые дан- 
ные широкого применения готовятся один раз и по специальным дирек- 
тивам включаются во все страницы, которые их используют. Кандидаты 
на оформление в виде вставок — это колонтитулы, повторяющиеся эле- 
менты оформления, стандартные таблицы, играющие роль монтажных 
элементов страниц, метадескрипторы, списки разделов, управляющие 
кнопки и многое другое. 


59 


60 


Серверные вставки представляют собой страницы НТМГ. Чтобы отличить 
их от других гипертекстовых документов, им присваивают расширение 
„ЭНТМ(. Документы-потребители должны содержать специальную дирек- 
тиву на включение документов 551. Она может выглядеть следующим об- 
разом: 


<! Нпсшиае умиа(="Ваге.$ВЕт(" —> 


После получения запроса на просмотр страницы сервер заменит инст- 
рукцию <#псшде> содержимым файла $НАВЕ.5НТМи. Следует подчерк- 
нуть, что такие конструкции способны выполнять только серверы; для 
броузеров директивы включения представляют собой обычные коммен- 
тарии и поэтому не обрабатываются. 


Некоторые провайдеры запрещают использование технологии 5$5[ из опа- 
сения, что та относительная свобода, которую она предоставляет пользо- 
вателю, может быть использована в неблаговидных целях. 


Адресация для МММ 


Для адресации ресурсов во всемирной паутине используются так называе- 
мыеадреса (ЮГ (Оп/отт Везоитсе Госабот). Адрес (Г записывается по стро- 
гому формату (рис. 2.4). 


Рис. 2.4. Структура адреса ОЕ! 


Рассмотрим основные составляющие адреса. 


» Протокол. Часть, которая описывает способ связи клиентов и серве- 
ров УМУ. Обычно используется специальный протокол передачи 
гипертекста НТТР (Нуре’Теж Тгапз}ет Ргоосо]). В адресе записывает- 
ся строчными буквами (в#р:/ /). Этот протокол принимается в среде 
"УТУ? по умолчанию, поэтому его описание можно опустить. 


° Имя сервера. Здесь указывается имя вычислительной системы, кото- 
рая хранит искомую информацию. Эту вычислительную систему при- 
нято называть сервером. Имя сервера может быть записано как имя 
домена, с префиксом ммм или без него, например м\м\м.тасготед!а.сот. 
Другой способ — представление имени в виде так называемого [Р- 
адреса, например 199.227.52.143. 


® Порт. Указание номера порта требуется для адресации процессов в 
пределах одного сервера. Часто используется порт по умолчанию, 
номер которого можно опустить. 


Путь поиска. Цепочка каталогов и подкаталогов, ведущая к месту 
расположения файла. Элементы этой цепочки разделяются символа- 
ми косой черты /. 


Файл. Имя файла вместе с его расширением (на тех платформах, где 
распгирение является обязательным). Если имя файла пропущено, то 
Й’еб-броузер ищет файл, предоставляемый по умолчанию. Имя тако- 
го файла часто выглядит как паех.Мт или таех.нт!. От расширения 
имени файла зависит реакция броузера и его последующие действия. 
Так, расширения графических файлов (.С1Е или ..Рб) инициируют 
загрузку изображений в программу просмотра, а расширения, ассо- 
циированные с архивами (.ЁР, .КАВ и пр.), — сохранение файла на 
клиентском компьютере. 


Фрагмент. Это факультативная часть адреса КГ. Она начинается со 
специального символа # (решетка), за которым следует имя якоря, 
или, как его иногда называют, символа привязки. Это специальная 
метка, которая помечает фрагмент гипертекстового документа. Вве- 
дение в состав имени символа привязки позволяет адресоваться не 
ко всей странице, а к определенной ее части. 


Связь по протоколу НТТР является не единственной, хотя и самой распро- 
страненной возможностью в сети Интернет. Адреса объектов Интернета 
могут включать в себя и другие способы связи и протоколы. Перечислим 
некоторые из них. 


—— 


Имя протокола Правило записи Область применения 


ЕТР {р:// Протокол передачи файлов. Используется для 
связи с Р7Р-серверами 
Рие Ее: // Протокол доступа к файлам заданного компьютера 
или локальной сети. Мало полезен в глобальной сети 
СорНег дорпег: / / Протокол доступа к серверам Сорнег. 
В настоящее время почти вышел из употребления 
ЛауаЗ сир: ]амазср:: Вызов программ, написанных на языке Лауа$ спрё 
Мао та о: Адрес электронной почты 
Мем/$ пем/з: Протокол доступа к телеконференциям 
Тепе{ +епе!: Протокол доступа к удаленному компьютеру 
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Одной из причин, объясняющих сегодняшнюю популярность И/ИГИ,, явля- 
ется потенциал протокола НТТР. Некоторые протоколы предыдущих 
поколений он поглощает целиком, а некоторые просто вытесняет, пре- 
доставляя лучшие возможности, поддержанные наглядным графическим 
интерфейсом. . 


Абсолютные и относительные адреса 


Полный адрес объекта в Интернете, который включает в себя название про- 
токола, имя сервера и полное путевое имя файла, иногда называют абсо- 
лютным адресом. Этот способ адресации задает положение объекта с ис- 
черпывающей полнотой, без привязки к какой-либо заранее выбранной 
точке сети. 


Абсолютные адреса обладают двумя заметными недостатками. Во-первых, 
это громоздкость. Адреса объектов, расположенных на нижних этажах раз- 
ветвленной файловой системы, могут состоять из нескольких десятков сим- 
волов. Их трудно запоминать и вводить. Во-вторых, абсолютная адресация 
не обладает достаточной устойчивостью. Любое переименование приводит 
к необходимости внесения изменений во все связанные адреса. Если изме- 
нено имя сервера, то обновлять надо все ссылки на его объекты; для ката- 
лога должны быть изменены путевые имена, в которых упомянуто его имя. 


Программа Огеатмеауег располагает специальным расширением, кото- 


Детальные указания, которые обеспечивает абсолютная адресация, требу- 
ются не всегда. Во многих случаях удобнее работать с относительными адре- 
сами файлов. 


Если ссылки некоторого документа указывают на объекты, расположен- 
ные в соподчиненных, нижних разделах иерархии каталогов, то можно счИ- 
тать адрес документа относительным началом координат и отсчитывать 
адреса файлов от этой точки. 


Пусть, например, в документе паех.н1т требуется сослаться на рисунок 
рс1иге.а!, который расположен том же каталоге поте (рис. 2.5). Используя 
метод относительной адресации, достаточно указать только имя файла 
рсфиге.а!. Так, для вставки картинки достаточно ввести в коды разметки 
документа дескриптор следующего вида <1МС $ВС="рисиге.дй">. Приведем 
для сравнения абсолютный эквивалент адреса (название протокола и имя 
сервера опущены): ехатр!е$/поте /рсиге.аи. 


2.1. Проектирование 


паех. т 
риСиге. а! 


Рис. 2.5. Относительная адресация одного уровня 


Значительная экономия достигается за счет того, что название протокола, 
имя сервера и часть пути поиска файла могут быть опущены. По сути дела, 
полный адрес картинки реконструируется программой. Для этого в абсо- 
лютном адресе документа имя файла НТМЕ заменяется именем файла, хра- 
нящего изображение. 


Соглашение об отсчете относительных адресов от адреса документа дей- 
ствует не только для файлов, размещенных в одном каталоге с докумен- 
том. В таком виде можно задать положение любого файла, независимо от 
его прописки в файловой системе. Для примера, показанного на рис. 2.6, 
относительный адрес картинки имеет вид 'тадез /р!к{иге.дй, а вставка ри- 
сунка задается дескриптором <!МС $ВС="таде$ /рстиге.дй">. 


Рис. 2.6. Относительная адресация в случае вложенных каталогов 


Для записи относительных адресов файлов, размещенных в одном подде- 
реве с исходным документом, надо просто перечислить имена всех вложен- 
ных подкаталогов, разделяя их символами косой черты. Чтобы обратиться 
таким образом к файлам из других фрагментов файловой системы, следует 
использовать символическое обозначение родительского каталога. 
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В языке НТМЕ для этого применяется способ, заимствованный из опера- 

ционной системы ИМХ: родительский каталог обозначается двумя точками. 

Так, для примера, показанного на рис. 2.7, относительный адрес рисунка 

выглядит следующим образом ../рс‘иге.ой. Его вставка задается фрагмен- 
том кода <!МС $ВС=".. /р«иге.д!">. 


г | ехатр!ез 


| | рсаге.аН 


Рис. 2.7. Относительная адресация с использованием символического имени 


Символы, подобные двум точкам, называются метасимволами, поскольку 
ОНИ способны представлять и заменять реальные имена каталогов. 


Каждый использованный метасимвол позволяет перейти на один уровень 
вверх. Например, чтобы обратиться к рисунку, расположенному в роди- 
тельском каталоге каталога ехатр/ез$ (рис. 2.8), следует задать относитель- 
ный адрес следующего вида: ../../рис‘иге.оН. 


риСиге. ай 


г | ехатр/е$ 


Рис. 2.8. Повторное использование символических имен 


Перед вставкой относительных адресов в документ, созданный в про- 
грамме Огеатмеауег, его следует сохранить. Если этого не сделать, про- 
грамма выдает предупреждение и создает ссылку, в которой соединяет 
абсолютный адрес объекта с префиксом #(е://. Подобная ссылка может 
выглядеть следующим образом #(е:///С|ехатр(ез/лтаде/русеиге. 911. 


Документы с такими адресами, опубликованные на удаленном сервере, 
работают неправильно! 
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Между сайтами и серверами, на которых они работают, взаимно однознач- 
ное соответствие существует далеко не всегда. Один узел может быть рас- 
положен на нескольких серверах, а сервер может хранить и обслуживать 
несколько различных сайтов. В такой ситуации относительный адрес, от- 
считываемый от положения текущего документа, может привести к пута- 
нице. Кроме того, если документы с относительной адресацией часто ме- 
няют прописку, то достоинства таких ссылок превращаются в недостатки. 
После переноса странички или документа в другой каталог все относитель- 
ные адреса становятся фиктивными. Только ручная корректировка способ- 
на восстановить целостность ссылок и сделать документ работоспособным. 


В программе Огеатмеауег существует способ адресации, в котором в каче- 
стве точки отсчета принимается корневой каталог сайта. В документации 
на программу этот способ носит название 700#-т@айие или $йе тоой-теёаное. 
Адреса, образуемые по подобной схеме, начинаются с символа косой чер- 
ты, за которой следует полный путь поиска файла. Так, для примера, пред- 
ставленного на рис. 2.8, адрес документа может быть задан следующим об- 
разом /поз/ехатр!ез /поте/тдех.пт, а адрес рисунка — /ноз{/ рсиге.аН. 


Какие преимущества дает этот метод? Во-первых, достигается экономия за 
счет названия протокола и имени сервера. Во-вторых, и это важнее, с помо- 
щью этого метода удобно ссылаться на служебные файлы, которые хранят- 
ся в определенных местах сервера и используются несколькими сайтами. 
Облегчается и перенос сайта на другие серверы, и создание его зеркальных 
версий. 


Статус объектов, на которые заданы ссылки от корневого каталога, должен 
быть устойчивым. Любые изменения имени или положения влекут за собой 
необходимость обновления всех внешних ссылок на подобные объекты. 


Программы просмотра не работают с относительными адресами, рассчи- 
танными от корневого каталога. Если открыть в броузере страничку с 
такими ссылками напрямую, то произойдет ошибка. В пакете Этеатмеауег 
существует специальная команда Ргемеми 1п Вгомзег (Просмотр в броу- 
зере), предназначенная для просмотра подобных страниц. Она времен- 
но переводит все нестандартные ссылки в обычную для программ про- 
смотра форму. Эта операция относится только к текущей странице; она 
не затрагивает документы, связанные с ней командами перехода. Если 
перейти по ссылке на другую страницу, то ее нестандартные адреса не 
будут преобразованы. Все сказанное относится и к страницам с фрей- 
мами. | 


3 Зак. 966 65 
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2. Создание меБ-узла 


Программа Огеат\меауег поддерживает различные стратегии разработки сай- 
тов и страниц. Видимо, самая естественная и популярная технология созда- 
ния состоит из следующих этапов: 


® разработка локальной версии сайта; 
® публикация локальной версии в сети Интернет. 


Локальный узел — это версия «настоящего» виртуального Йеф-узла, кото- 
рая располагается на компьютере разработчика или разработчиков. Она не 
видна из сети; доступ к ней имеют только ее авторы. 


Данные локального узла размещаются на диске внутри определенного ка- 
талога. Таковым, в принципе, может быть любой каталог файловой систе- 
мы компьютера, но существуют веские основания не совмещать корневые 
каталоги диска и сайта. 


Для определения нового локального узла требуются следующие действия. 


1. Выполните команду Зе » №ем ЗНе (Сайт » Создать). На экране появится 
диалоговое окно ЗНе Бейт! оп (Определение сайта), показанное на рис. 2.9. 


рен ал 
Аетые по 
Оезап Мо{е$ 
Эце Мар [вауощ 


Е!е Ме Соитп$ 


Мои документы\Тетр\ 


Рис. 2.9. Настройка локального узла 


2.2. Создание локального узла 


В левой части окна выберите категорию оса! по (Информация о локаль- 
ном узле). Задайте значения полей и флажков в правой части диалого- 
ВОГО ОКНА. 


Выберите категорию Кето{е ш!о (Сведения об удаленном сервере) и вве- 
дите сведения о сервере, хранящем удаленную версию сайта. 


Перечисленные категории диалогового окна должны быть заполнены 
обязательно. Настройка остальных трех категорий диалогового окна 
не является обязательной, но весьма желательна. Это категории Зе Мар 
[ ауоц1 (Планировка карты узла), Оез!дп № \е$ (Комментарии разработчика) и 
Ее Меми Со!итп$ (Колонки отображения файловых атрибутов). 


После ввода всей необходимой информации щелкните на кнопке ОК 
или нажмите клавишу ЕМТЕК. 


Рассмотрим перечисленные категории подробнее. 


Категория Ёоса! [пТо 


Здесь задается информация о локальном узле и его расположении в вы- 
числительной системе. 


1. 
2. 


В поле $Не Мате (Имя сайта) ввести имя создаваемого сайта. 


В поле Ё оса! Коо{ Ро!ег (Корневой каталог локального узла) введите или 
выберите, щелкнув на навигационной кнопке, имя корневого каталога 
локального узла. В нем будет храниться все информационное обеспе- 
чение проекта: файлы, шаблоны, библиотеки и пр. Выбранный корне- 
вой каталог — это естественная среда обитания проекта, выход за его 
пределы может повлечь за собой ошибки. 


Установите флажок Ке!тезп [оса! ЕЙе 1151 Амотайсайу (Автоматически об- 
новлять файлы локального узла). В этом случае программа автоматически 
учитывает все изменения, которые претерпевают файлы, входящие в 
область определения локального узла. Отключение флажка способно 
ускорить работу программы, в некоторых случаях существенно. Но в 
этом случае все заботы по актуализации файлового хозяйства ложатся 
на плечи пользователя. Принудительное обновление выполняется ко- 
мандой Меми »> Ке!тезН (Вид » Обновить), которая запускается в окне Дис- 
петчера узла. 


В поле НТТР Адагез$ (Адрес НТТР) введите полный адрес удаленной вер- 
сии \ер-сайта в Интернете. Это требуется для того, чтобы программа 
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была в состоянии проверить ссылки локальной версии, записанные с 
использованием абсолютных адресов. 


5. Флажок Саспе (Кэш) управляет локальным кэшем. Для ускорения ра- 
боты программы целесообразно включить его. Кроме того, некоторые 
палитры программы вообще не работают при отключенной локальной 
кэш-памяти. 


Категория Кето{е [по 


Эта категория служит для задания параметров сервера, на котором хранит- 
ся удаленная версия сайта, и способа доступа к нему. Первоначально диа- 
логовое окно содержит единственный список Ассез$ (Доступ к серверу), со- 
держащий пять пунктов: № пе (Нет), ЕТР, Ёоса!/Мефмогк (Локальная сеть), 
ЗоигсеЗа!е Оа{аБазе (База данных ЗоигсеЗа{е), М/еьБА\ (\УМеь 0116 шед Ампогта 
апа Уегзопта). Рассмотрим их подробнее. 


® М опе (Нет). Этот пункт отменяет выбор параметров сервера. Его сле- 
дует выбирать в тех случаях, когда сайт не предназначен для публи- 
кации в Сети. 


® |оса!/Мемогк (Локальная сеть). Этот пункт предназначен для создания 
сайтов, размещаемых в локальной сети. Он открывает доступ к немно- 
гочисленным сетевым настройкам, основной из которых является 
сетевой каталог. Он выбирается в поле Вето{е Ро!дег (Сетевой каталог). 
Кроме имени сетевого каталога, пользователю предлагается выбрать 
значение переключателя Кегезй Кето{е Е!е $1 Амотайсайу (Автомати- 
чески обновлять файлы удаленного узла). 


® Наиболее многочисленные настройки открываются в случае выбора 
пункта РТР. В этом разделе расположены все параметры, управляю- 
щие доступом к удаленному серверу по протоколу ЕТР (Е Тгап5/ет 
Ргоосо! — протокол передачи файлов). 


® Пункт Зоигсеба!е ОафаБазе (База данных ЗоигсеЗа!е) позволяет настро- 
ить доступ к любым базам данных 5оитсеба/е. 


® \/еБОАУ (еб Плятфшед АифоппиЕ апа УегяоттЕ — распределенное 
создание документов и управление версиями). Это расширение прото- 
кола НТТР/1.1, которое предоставляет расширенные возможности по 
управлению версиями документов и организации распределенной 
работы. В данном разделе можно настроить немногочисленные пара- 
метры протокола \МебОА\. Диспетчер узла позволяет организовать вза- 


68 


2.2. Создание локального узла 


имодействие по этому протоколу только с теми серверами или при- 
ложениями, которые его поддерживают. 


Настройки удаленного доступа по протоколу ЕТР 


Самым распространенным способом доступа к удаленному серверу явля- 
ется связь по протоколу ЕТР. Рассмотрим настройки для этого протокола 
более подробно. 


® РТР Ноз* (Имя сервера). В этом поле следует набрать имя сервера или 
его [Р-адрес. Например, это может быть строчка вида Нр.писгозоН.сот. 
Набор имени в виде Нр:/ /Нр.тсгозоН.сот или тсгозоН.сот будет 
ошибкой. Точный адрес предоставляет поставщик сетевых услуг — 
провайдер. 


® Ноз{ Онес\огу (Каталог). В этом поле следует указать имя каталога, в 
котором располагаются все публикуемые документы. Эта информа- 
ция также предоставляется провайдером. В некоторых случаях это 
поле следует оставить пустым. 


® 1одт (Логин). Входное имя — идентификатор, который используется 
для доступа к удаленной системе. 


» Разз\мога (Пароль). При вводе пароля следует обращать внимание на 
регистр букв. 


® Зауе (Сохранить). Программа Огеатмеауег автоматически устанавли- 
вает этот флажок после ввода первых букв пароля. Целесообразно 
после ввода пароля сбросить этот флажок — отключить его сохране- 
ние. 


е Це Разуме ЕТР (Использовать пассивный режим ЕТР). Эта опция исполь- 
зуется для систем с сетевой защитой (брандмауэром). В этом случае 
порядок установки соединения по протоколу ЕТР изменяется. О не- 
обходимости использования данного режима надо проконсультиро- 
ваться у системного администратора. 


® Це Рге\миа! (Использовать сетевую защиту). Если вычислительная систе- 
ма использует брандмауэр, следует установить этот флажок. 


® Сеск т/Ош (Контроль обращения). Этот флажок включает режим кон- 
троля использования файлов. Если разработка узла ведется несколь- 
кими исполнителями на различных рабочих местах или одним ис- 
полнителем, работающим на разных системах, этот режим позволяет 
избежать конфликтов доступа и версий. После установки флажка в 
диалоговом окне появляются дополнительные элементы управления. 
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® Снеск Ош Е|ез У/леп Орептд (Блокировать открытые файлы). Если этот 
флажок установлен, то одновременный доступ к открытым файлам 
И’еБ-узла становится невозможным. 


® Спеск Ош Мате (Контрольное имя). В этом поле вводится идентифика- 
тор, которым помечаются все файлы, затребованные разработчиком. 
Этот идентификатор выводится в окне Диспетчера узла напротив име- 
ни заблокированного файла. 


® Ета! Адагез$ (Адрес электронной почты). Адрес электронной почты раз- 
работчика. Если в это поле введен корректный адрес, то имя разра- 
ботчика, которым помечаются блокированные файлы, становится 
ссылкой. Двойной щелчок по этой ссылке вызывает почтовую про- 
грамму, используемую на данном компьютере по умолчанию. С ее 
помощью можно послать сообщение члену команды разработчиков, 
который работает с данным файлом. 


Ре Ме\м Соутиз 


Рис. 2.10. Настройка протокола ЕТР 


Клиент ЕГР, встроенный в программу Огеатмеауег, отличается от обычных 
программ этого класса несколькими особенностями. Перечислим их. 
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» Он может некорректно работать с некоторыми прокси-серверами и 
многоуровневыми брандмауэрами, а также в других случаях, когда 
требуется непрямой доступ к серверу. 


» Программы, предоставляющие доступ к удаленному компьютеру по 
протоколу ЕТР, обычно позволяют выполнить навигацию по файло- 
вой системе удаленного компьютера, естественно, в пределах, санк- 
ционированных сетевым администратором. Встроенный клиент ЕТР 
открывает пользователю только доступ к корневому каталогу удален- 
ной версии сайта. Он не может свободно перемещаться по системе 
вложенных каталогов сервера. | 


» Время, которое отводится программе на установку соединения с сер- 
вером, ограничено. Длительность интервала ожидания по умолчанию 
устанавливается равной 60 секундам. Иногда, при медленной связи, 
этого промежутка оказывается недостаточно. Чтобы увеличить время 
ожидания, надо выполнить команду Еай » Рге{егепсе$, выбрать кате- 
горию $З®е (Узел) и изменить значение поля ЕТР Тите Ош! (Время ожида- 
ния ЕТР). Обычно это число лежит в диапазоне от 30 до 120 секунд. 


Программа регистрирует в специальном журнале все операции по установке 
связи и передачи файлов по протоколу ЕТР. Если передача окончилась 
неудачей (программа в этом случае выводит сообщение «саппо{ ри! Ше»), то 
журнал может помочь диагностировать вероятную причину неуспеха опера- 
ции. Чтобы посмотреть записи журнала, надо выполнить команду \М/тао\м > 
ЗНе ЕТР 1о9д (Окно » Журнал передачи). Эта команда выдается из окна Диспет- 
чера узла; для перехода в него из окна документа достаточно нажать клави- 
шу 28. 


Раздел Оез1дп Мо{е$ 


ИеБ-узел — это часто весьма сложная система гипертекстовых документов 
и вспомогательных файлов. В их разработке могут участвовать коллекти- 
вы, объединяющие специалистов разного профиля: дизайнеров, програм- 
мистов, менеджеров и др. Продуктивная работа коллектива подразумевает 
наличие координации. Программа Огеат\меауег предоставляет для этого 
простое, но часто довольно эффективное средство — комментарии разра- 
ботчика. Это текстовая информация, которая может быть присоединена к 
гипертекстовому документу или связана с внедренными в него объектами. 
В комментарии можно внести любую текстовую информацию, относящу- 
юся к странице, например: данные об авторе, замечания об требуемых до- 
работках, сведения об обновлении, пожелания соисполнителям и пр. 
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Категория ОБез!ап М№со\е$ (Комментарии разработчика) содержит два флажка. 


® Матиат Оез!дп Мо{ез (Поддерживать комментарии разработчика). Если этот 
флажок установлен, включается поддержка комментариев для всех 
страниц узла. 


е Ироаа Оезап Мо{е$ ог Зпатпа (Загружать комментарии вместе с источни- 
ком). Если этот флажок установлен, то комментарии передаются по 
сети вместе с источником. Кроме того, они выводятся в одном из столб- 
цов окна Диспетчера узла. 


Удаление гипертекстовых страниц средствами программы Огеатмеауег вле- 
чет за собой автоматическое удаление всех ассоциированных комментариев. 
Если файл НТМЕ ликвидирован внешними средствами, то заметки разра- 
ботчика сохраняются. Щелчок на кнопке Сшеап Ур (Очистка) запускает по- 
иск и удаление всех потерянных комментариев. 


Раздел ЗКе Мар ЁГауоц\{ 


Программа Огеатмеауег включает несколько полезных служебных средств, 
которые выполняют вспомогательные операции по созданию страниц и 
обслуживанию Мев-узла. Некоторые из них интегрированы в основную 
оболочку настолько тесно, что воспринимаются как команды редактора. 
Относительно автономным средством является Диспетчер узла. Это средство 
предназначено для работы с локальными и удаленными сайтами. Оно под- 
робно обсуждается в следующей главе. 


Диспетчер узла обладает множеством полезных свойств и функций. В част- 
ности, это средство имеет возможность отображать в графическом, нагляд- 
ном виде сайт со всеми документами и связями. Такое представление на- 
зывается картой узла, а данный раздел объединяет настройки этой карты. 


Рассмотрим их: 


® Ноте Раде (Основная страница). По умолчанию программа считает 
основной страницей узла страницу с одним из следующих названий 
(в порядке убывания приоритета): тдех.пт, паех.п+т, дефаш\.Н1т. В этом 
поле можно задать другое имя для основной страницы узла. 


® — Митрег о! Соитпз (Число столбцов). По умолчанию карта сайта отобра- 
жается горизонтально. Значение данного поля ограничивает число 
страниц, отображаемых в одном ряду. Если ввести значение этого 
параметра, равное единице, то карта сайта располагается по вертикали. 


® Соитп М/ан (Ширина столбца). Значение этого поля задает ширину 
отдельного столбца в пикселах. 


2.2. Создание локального узла 


® |соп [аБе!$ (Подписи значков). Здесь выбирается способ обозначения 
значков страниц, отображаемых на карте узла. Если установлен пере- 
ключатель Ейе Матез (Имена файлов) — отображаются имена файлов, 
при выборе переключателя Раде Тез (Заголовки страниц) заголовки 
страниц, то есть содержимое дескрипторов <1\е>. 


® ОрНоп$ (Параметры). Этот раздел содержит два флажка, управляющих 
режимом отображения файлов. Если установлен флажок Г!зрау Ейез 
Магкед аз Надеп (Отображать скрытые файлы), то скрытые файлы НТМЕ 
также отображаются. Флажок 0!5рау Берепдеп! Ейез (Отображать зави- 
симые файлы) управляет отображением файлов, связанных со страни- 
цами, таких, как изображения, внешние сценарии и другие типы фай- 
лов, не содержащих гипертекстовой разметки. 


С\Моси документь\Тетр\ммимАтаех. т 


Рис. 2.11. Настройка отображения карты узла | 


Иеб-узлы, но и открывать и редактировать существующие сайты. При- 
чем для программы происхождение узла значения не имеет — узел мо- 
жет быть разработан при помощи программы Огеатмеауег или с помощью 
сторонних гипертекстовых редакторов, например: ЕгопЕ Раде, боПуе, Но 
Мета{ и пр. Открытие подобных сайтов почти не отличается от процедуры 
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создания нового узла, основные этапы которой рассмотрены в данной 
главе. Будем считать, что на диске локального компьютера существует 
версия сайта. Главные операции, которые требуется выполнить при его 
открытии в программе Огеатмеауег, — это задание корневой папки узла 
и ввод имени основной страницы. Первое делается в категории [оса{ 
11 (Информация о локальном узле) диалогового окна 5\е ОейпЯоп 
(Определение сайта). Для выполнения второй задачи надо перейти в 
категорию 5Ке Мар Ёауоц* (Планировка карты узла) того же диалогового 
окна. 


2.3. Диспетчер узла 


ТА 


Программа Огеат\меауег имеет специальное средство для работы с локаль- 
ными и удаленными узлами. Для платформы Итаом5 это, по сути дела, 
самостоятельное приложение, интегрированное с редактором и связанное 
с ним общими командами и файлами. С помощью этого средства легко до- 
бавлять и удалять документы, менять структуру узла, обновлять ссылки, 
приводить в соответствие различные версии и выполнять множество дру- 
гих операций по поддержке и обновлению И\еБ-узла. 


При помощи Диспетчера узла можно передавать файлы локального узла на 
удаленный сервер. При этом программа воспроизводит структуру катало- 
гов оригинала, для чего может создавать новые каталоги, которые копиру- 
ют название и расположение каталогов локальной версии. Эта программа 
располагает мощными средствами поддержки \/еБ-узла. Например, опе- 
рация синхронизации позволяет привести в соответствие текущие версии 
локального и удаленного сайтов. В процессе синхронизации Диспетчер узла, 
в общем случае, передает свежие версии файлов в обоих направлениях: с 
локального компьютера на сервер и в обратную сторону. 


Диспетчер узла имеет два основных режима работы. Первый, в документа- 
ции на программу и в системе меню он называется $ие Мар (Карта сайта), 
предназначен для обслуживания локальных сайтов; второй, в программе 
он носит имя ЗНе Ейез (Файлы сайта), объединяет функции и команды обра- 
ботки локальной и удаленной версий. 


Для вызова Диспетчера узла следует выполнить команду $Ие » ЗНе Мар (Сайт »> 
Карта сайта) или воспользоваться комбинацией клавиш АЁТ+Е8. То же са- 
мое можно выполнить еще двумя способами: при помощи палитры и пане- 
ли быстрого запуска. На кнопке вызова Диспетчера узла нарисована стили- 
зованная система каталогов. Переключение режимов можно выполнить 


многими разными способами, например: по команде \/тдом » ЗКе ЕИез (Окно > 
Файлы сайта), при помощи клавиши Е8 или щелчком на самой левой кнопке 
панели инструментов в окне диспетчера (рис. 2.12). 
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Рис. 2.12. Окно диспетчера узла 


Диспетчер узла по сложности и многообразию выполняемых функций пред- 
ставляет собой полноценное приложение. Рассмотреть все его ресурсы не 
представляется возможным, поэтому обсудим только основные возможно- 
сти. 


Строка меню Диспетчера узла содержит следующие пункты. 


® Е!е (Файл). Группа команд для работы с отдельными документами. Она 
полностью дублирует команды аналогичного меню в окне документа. 
Кроме того, здесь есть несколько команд, выполняющих различные 
операции над картой сайта. Еще две важные команды позволяют про- 
верить целостность ссылок и создать примечания разработчика. 


® ЕСИ (Правка). Здесь сосредоточены команды, предназначенные для 
работы с буфером обмена, команды выбора, поиска и замены, а также 
вызов диалогового окна настройки программы. 


® \ем (Вид). Группа команд, управляющих отображением карты сайта 
и обновлением локальной и удаленной версий. 
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ЗНе (Сайт). Здесь находятся команды для работы с сайтами, средства 
создания и просмотра ссылок, команда синхронизации, команда ус- 
тановки соединения по протоколу ЕТР и некоторые другие ресурсы, 
относящиеся к локальным и удаленным узлам. 


М/пдом (Окно). Это меню содержит команды переключения режимов 
работы диспетчера, вывода протокола сеанса ЕТР, а также команды, 
управляющие открытыми окнами. 


Нер (Справка). Здесь находятся вспомогательные команды и средства: 
вызов интерактивной справки, запуск электронного учебника, реги- 
страция программы и пр. 


Самые востребованные команды программы представлены в виде кнопок, 
расположенных на панели инструментов Диспетчера узла (вторая строка 
окна). Рассмотрим эти команды в том порядке, в котором они размещены 
на панели инструментов. 


ЗНе ЕИе$ (Файлы сайта). Эта кнопка выбирает режим отображения фай- 
лов. В этом режиме на левой и правой панелях Диспетчера узла отобра- 
жается содержимое локальной и удаленной версий узла. Если Диспет- 
чер узла работает в автономном режиме без подключения к сети, ле- 
вая панель остается пустой. 


ЗНе Мар (Карта сайта). Эта кнопка активизирует режим отображения 
карты узла. В этом режиме на левой панели выводится карта локаль- 
ной версии узла, а на правой — список файлов и каталогов. Если за- 
держать указатель на этой кнопке, то откроется меню с командами 
Мар Опу (Только карта) и Мар апа Ейе$ (Карта и файлы). Первая команда 
разворачивает карту во все окно Диспетчера узла. В режиме отображе- 
ния карты и файлов очень удобно редактировать или создавать узлы. 
Пользователь может удалять и добавлять связи, вводить в состав узла 
новые документы, переименовывать или перемещать документы, со- 
здавать новые каталоги. Все операции, затрагивающие структуру ссы- 
лок, отслеживаются Диспетчером узла, который обрабатывает внесен- 
ные изменения и автоматически обновляет гипертекстовые связи. 


ЗНе (Сайт). В этом списке перечислены имена всех локальных узлов. 
Для выбора одного из них достаточно выбрать в этом списке его имя. 
Пункт Ое#пе З$Кез (Задать сайты) дублирует одноименную команду 
строки меню. 


Соппес{$ +0 Кетске Ноз* (Установить соединение с удаленным компьютером). 
Эта кнопка служит для установки связи по стандартному протоколу 
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с удаленным сервером. Она доступна, если выбран один из следую- 
щих типов связи: ЕТР, М/еь)А\У или Зоигсеба!е. Во время сеанса связи 
эта кнопка представляет команду 0!зсоппес!$ (Разорвать соединение). 
Сеанс связи протоколируется и записывается в журнал. Для просмот- 
ра журнала надо выполнить команду \\пдом » $ЗНе ЕТР Код (Окно » 
Журнал передачи). 


® Кеезй (Обновить). Кнопка обновляет содержимое выбранной папки 
удаленного или локального узла. Команда позволяет актуализиро- 
вать все внесенные изменения в процессе распределенного проекти- 
рования узла несколькими разработчиками. Файлы и папки, добав- 
ленные другими исполнителями, отображаются на панелях Диспетчера 
узла. Если при задании параметров локального узла выбран режим 
автоматического обновления (ВенезН Коса! Е!ез Амотайсайу), то коман- 
да Венезн (Обновить) корректирует только файлы удаленного сайта. 
Следует отметить, что в программе есть два специальных средства для 
обновления сайтов. Это команды Мем » Кетезн Ёоса! (Вид » Обновить 
локальный сайт) и Мем »> КеезН Кето{е (Вид » Обновить удаленный сайт). 


® Се! (Получить). Кнопка запускает передачу выбранных файлов или 
папок с удаленного узла на локальный. Следует отметить, что про- 
грамма предлагает несколько различных способов загрузки файлов. 
Во-первых, это стандартный для приложений И1тдои5 прием пере- 
таскивания. Надо просто перетащить мышкой файлы с левой панели 
на правую. Во-вторых, то же самое можно сделать при помощи кла- 
виатурной комбинации СТКЕ+$НЕТ+О (передаваемые файлы следует 
предварительно выбрать). И наконец, это команда меню $Не » Се! (Сайт »> 
Получить). | 


® Ри (Передать). Кнопка активизирует команду передачи выбранных 
файлов локального узла на удаленный сервер. Операция передачи 
файлов имеет несколько альтернативных способов выполнения. Это 
перетаскивание объектов (файлов или папок) с одной панели на дру- 
гую, комбинация клавиш СТЕЕ+$НЕТ+УИ и команда ЗНе » Ри (Сайт > 
Передать). 


® З4ор Сшиггеп! ТазК (Остановить задачу). Эта кнопка прерывает передачу 
файлов, инициированную командами Рщ (Передать) или Се! (Получить). 
Она появляется только во время выполнения обмена файлами. Кноп- 
ка располагается в строке состояния Диспетчера узла и имеет форму 
красного восьмиугольника. 
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® Со!арзе/Ехрапа (Свернуть/Развернуть). Кнопка треугольной формы, 
расположенная в левой части строки состояния, управляет количе- 
ством панелей Диспетчера узла. 


Если вид передаваемых документов зависит от дополнительных файлов, 

например изображений или апплетов Лама, то программа выдает диало- 

говое окно Верепдепе ЕЦе$ (Зависимые файлы), в котором требуется под- 
твердить передачу связанных файлов. | 


Карта узла 


Карта узла — это удобное интерактивное средство разработки, которое мно- 
гие технически сложные задачи создания локального узла представляет в 
наглядной и доступной графической форме. 


В режиме отображения карты сайта окно Диспетчера узла разделено на две 
области. В левой выводится карта текущего узла, где значки с изображени- 
ем страничек обозначают файлы НТМЕ, а стрелки показывают гипертек- 
стовые связи между документами. В правой области приводится перечень 
файлов и каталогов узла в форме обычного списка. 


Изображение карты узла напоминает своим видом организационную диа- 
грамму — наглядное представление состава и соподчиненности различных 
административных или военных структур. По умолчанию выводятся только 
два уровня карты. Верхнюю позицию занимает основная страница узла. 
Если какой-либо документ имеет в своем непосредственном подчинении 
другие документы, то рядом с его значком выводится прямоугольный мар- 
кер. Он помечается знаком +, если отходящая ветвь не раскрыта; в том слу- 
чае, когда показаны все подчиненные документы, ставится знак -—. 


Вот еще несколько соглашений, касающихся изображений карты узла. 
Ссылки на гипертекстовые документы узла отображаются зеленым цветом. 
Если ссылка указывает на существующий файл, расширение имени кото- 
рого отличается от .НТМ, .НТМЬ и т. п., она отображается синим цветом. Если 
ссылка некорректная, тупиковая или разорванная, используется красный 
цвет. Соответствующие связи помечаются специальным значком, который 
выглядит как стилизованное изображение разорванной связи. Внешние 
файлы, файлы, расположенные на других сайтах, и специальные ссылки 
(например, та! о: или }ауазсир:) получают специальный значок в виде гло- 
буса. Если включен режим контроля обращения файлов (Снеск т/Ои!), то 
на карте узла галочкой красного цвета помечаются все файлы, взятые на 
обработку сторонними исполнителями. Зеленая галочка — это признак того, 
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что данный файл заблокирован самим разработчиком. Значок в виде замка 
выделяет файлы, доступные только для чтения. 


Создание структуры узла 


Сложные узлы, состоящие из десятков страниц и множества гипертексто- 
вых связей, легче создавать в последовательности, которую в инженерной 
практике принято называть нисходящим проектированием. Это значит, что 
генерация глобальных проектных решений, относящихся к системе в целом, 
должна предшествовать решению частных задач. При нисходящем проек- 
тировании \еёф-узла его структура должна быть разработана раньше, чем 
информационное наполнение всех связанных страниц и документов. 


Преимущества подобной стратегии хорошо известны, об этом много напи- 
сано в литературе, посвященной методологии инженерного творчества. 
Напомним лишь несколько очевидных тезисов. Генерация структуры узла 
позволяет оценить необходимое количество разработчиков и распаралле- 
лить работу. Существенно упрощается создание навигационной системы и 
создается основа для унификации дизайнерских решений. 


Программа Огеатмеауег поддерживает нисходящую стратегию разработки 
сайтов. Чтобы начать создание структуры, достаточно иметь только один 
файл — обычно это файл основной страницы узла. 


Рассмотрим основные шаги процедуры создания структуры. 


1. Откройте Диспетчер узла и перейдите в режим отображения карты узла. 
Напомним, что для этого достаточно дать команду Зе » Зце Мар (Сайт »> 
Карта сайта) (эквивалентная клавиатурная комбинация — АЁТ+Е8) вокне 
документа или команду \/тдо\м » ЗНе Мар (Окно » Карта сайта) в окне 
Диспетчера узла. 


Выберите значок основной страницы. 


Дайте команду ЗНе »> ЦпК ‘о Меми Ейе (Сайт » Ссылка на новый файл) (экви- 
валентная клавиатурная комбинация — СТВЕ+ЗНЕТ-+М). Откроется ди- 
алоговое окно тк о №еми Ейе (Ссылка на новый файл) (рис. 2.13). 


4. Вполе Ейе Мате (Имя файла) введите имя файла вместе с одним из допу- 
стимых для гипертекстовых документов расширений, например: .НТМ, 
„НТМЕ и др. 


5. В поле Те (Заголовок) задайте заголовок страницы. Это произвольная 
строка текста, которая заносится в раздел заголовков гипертекстового 
документа между дескрипторами < е> и </е>. 
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6. В поле Тех+ о{ Мик (Название ссылки) введите наименование ссылки. Все 
ссылки такого рода располагаются в нижней части документа-родителя. 
По сути дела, они представляют собой напоминание о подчиненных 
документах и выделяются цветом и подчеркиванием. В процессе дора- 
ботки узла черновые ссылки обычно заменяют ссылками, оформлен- 
ными в стиле данного узла: текстовыми или графическими. 


7. Щелкните на кнопке ОК или нажмите клавишу ЕМТЕК. 


Рис. 2.13. Создание ссылки на новый файл 


После завершения процедуры на карте сайта появляется значок нового 
документа, связанный стрелкой с родительской страницей. При добавле- 
нии страниц-потомков положение странницы-предка не имеет значения. 
Это значит, что она может занимать произвольный уровень иерархии в узле — 
описанная процедура не изменяется. 


Все документы нередко не помещаются в пространство, отводимое ДлЯ 

карты узла. Какими средствами настройки отображения располагает 

программа? Во-первых, можно передвинуть линию, разделяющую карту 

и список файлов. Во-вторых, в левом нижнем углу окна Диспетчера узла 

есть кнопка для изменения масштаба карты. И наконец, команда Мтем > 
Гауоц{ (Вид > Размещение) открывает доступ к максимальному числу 
настроек способа отображения структуры узла, среди которых важней- 
шими являются число столбцов и ширина отдельного столбца. 


Ссылки на существующие документы 


Создавать ссылки на существующие документы даже легче, чем на новые. 
Единственная проблема, с которой может столкнуться пользователь, — это 
обилие приемов и способов выполнения этой операции. Целесообразно 
выделить три ситуации, когда создается ссылка на документ или страницу. 
Они зависят от положения целевого файла и немного отличаются по тех- 
нике исполнения. 


® Документ, на который требуется сослаться, является зарегистриро- 
ванным объектом узла. Это значит, что его имя представлено на кар- 


2.3. Диспетчер узла 

ОЕ 
те узла и на панели, содержащей список файлов и папок. Для созда- 
ния ссылки на такой файл следует выбрать родительский документ, 
зацепить мышкой маркер-указатель и перетащить его на целевой до- 
кумент. Маркер-указатель — это специальное интерактивное средство 
для задания ссылок; он изображается в виде кружка справа от значка 
выбранного документа. Разрешается перетаскивать маркер на любую 
панель Диспетчера узла: на карту или в список файлов. 


» Целевой документ входит в состав сайта, но не зарегистрирован в нем. 
Это значит, что его имя присутствует в списке файлов на правой па- 
нели, но его нет на карте узла. В этом случае следует перетащить мар- 
кер-указатель на правую панель и бросить его на имя файла. 


» Целевой документ не принадлежит сайту. В этом случае следует ис- 
пользовать перетаскивание в обратном направлении. А именно, ра- 
зыщите целевой файл, например при помощи программы Проводник, 
затем перетащите его значок на карту узла — на изображение роди- 
тельского документа. 


При обилии раскрытых окон метод перетаскивания может потерять все свои 
преимущества и оказаться слишком громоздкой процедурой. В программе 
есть специальная команда, которую можно применить в любой ситуации. 
Для этого выберите родительский документ и дайте команду ЗНе » Ипк {о 
Ех! та Ее (Сайт »> Ссылка на существующий файл) (эквивалентная клавиатур- 
ная комбинация — СТКЕ+$НЕТ+К). Откроется диалоговое окно Зеес{ НТМЕ 
Еие (Выбрать гипертекстовый файл), в котором, используя стандартные при- 
емы навигации Ит405, надо разыскать файл целевого документа. Эту 
команду можно дать и из контекстного меню, которое открывается при 
щелчке правой кнопкой мыши на значке документа. 


Все описанные приемы создания ссылок совместимы снизу вверх. То есть 
если способ можно применить для внешних файлов, то он применим и для 
файлов узла, зарегистрированных и еще не получивших такой статус. 


При создании ссылок методом перетаскивания есть еще одна возмож- 
ность. Маркер-указатель можно перетащить на окно программы с откры- 
тым документом. В такой редакции этот прием применим не для всех 
файлов, содержащих гипертекстовые документы или страницы. 


По умолчанию маркеры-указатели появляются только у внутренних гипер- 
текстовых файлов узла, расположенных на первых двух уровнях иерархии. 
Какие настройки программы следует изменить, чтобы метод перетаскива- 
ния стал доступен для глубоко вложенных файлов? Выберите гипертек- 
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стовый файл на карте узла и дайте команду Мем аз Коо\ (Показать как корне- 
вой). Эта команда доступна из контекстного меню, кроме того, ей соответ- 
ствует клавиатурная комбинация СТКЕ+ЗНЕТ-+В. 


Выбранный документ объявляется на время основной страницей сайта, все 
верхние уровни структуры узла становятся скрытыми. 


В третьей строчке окна Диспетчера узла в поле ЗНе МамдаНоп (Навигация по 
сайту) выводится путь доступа к корневому документу узла. Чтобы развер- 
нуть все скрытые ветви, надо просто щелкнуть мышкой по значку основной 
страницы, которая обычно именуется тдех.Рит. Описанный прием работает 
только для внутренних НТМГ-файлов узла. 


Изменение ссылок 


Создание сложных сайтов с разветвленной системой ссылок между стра- 
ницами — это итерационный процесс, подразумевающий возврат к гото- 
вым фрагментам и их переделку. 


Хотя изменить ссылку можно, удалив старую и создав новую, программа 
Огеатууеауег располагает специальными средствами для модификации суще- 
ствующих связей. 


1. Выберите значок документа-источника на карте узла. 


2. Дайте команду $Не » Спапде Шпк (Сайт »> Изменить ссылку) в окне Диспетчера 
узла. Клавиатурный эквивалент этой команды — СТВЕ+Г; кроме того, 
она представлена в контекстном меню. 


3. Откроется диалоговое окно Зе!ес! НТМЕ Ейез (Выбор гипертекстовых фай- 
лов), в котором следует указать имя и расположение нового файла — 
адресата ссылки. 


4. После окончания стандартной для системы И/т40и5 процедуры выбо- 
ра файла программа Огеатмеауег открывает диалоговое окно Урдае Ейез 
(Обновление файлов), показанное на рис. 2.14. Чтобы обновить все ссылки, 
щелкните на кнопке ЦУрдае (Обновить). Для выборочного обновления 
выберите нужные файлы и подтвердите операцию щелчком на той же 
кнопке. Групповой выбор удобно выполнять, удерживая клавиши СТВ 
или ЭНЕТ. 


Если несколько различных документов ссылаются на один документ, кото- 
рый требуется изменить, то лучше воспользоваться специальной командой, 
которая вносит глобальные изменения во все связанные объекты. Она фак- 
тически выполняет замену имени файла во всех гипертекстовых ссылках. 


2.3. Диспетчер узла 


АКИ т 
дипщес1 т 


Рис. 2.14. Обновление ссылок 


Откройте окно Диспетчера узла. 
Выберите документ, который требуется изменить. 


Дайте команду Зе » Спапде Ипк ЗНемае (Сайт » Изменить связи по всему 
сайту). Откроется одноименное диалоговое окно (рис. 2.15). 


К оцеж4е (оце 1е$) 


Рис. 2.15. Глобальное изменение ссылок 


Имя выбранного файла отображается в поле Спапде А! Ипк$ То (Изме- 
нить все ссылки на). Имя нового файла надо ввести в поле по ИпК$ То (На 
ссылки на) или выбрать при помощи стандартной навигационной проце- 


дуры. | 
Щелкните на кнопке ОК или нажмите клавишу ЕМТЕК. 


Откроется диалоговое окно Урда{е Ейе$ (Обновление файлов), в котором 
отображаются имена файлов, содержащих ссылки, которые требуют 
обновления. Выберите файлы и обновите нужные ссылки. Как сделать 
это, рассказывалось выше. 


Замененный файл становится «висячим». Это значит, что никаких ссылок, 
указывающих на него, не остается, но сам файл автоматически с сайта не 
удаляется. Сказанное относится и к локальной, и к удаленной версии узла. 
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Команда Спапде Ипк Зиемлае (Изменить связи по всему сайту) очень удобна в 
тех случаях, когда необходимо провести масштабные замены во всех доку- 
ментах сайта. Часто такой замены требуют адреса электронной почты, вне- 
шние ссылки, сценарии и пр. В таком случае следует действовать так. 


1. Вполе Свапде А! Ипк$ То (Изменить все ссылки на) введите полностью ссыл- 
ку, требующую изменения. 


2. В поле мо ИпК$ То (На ссылки на) введите полностью новую ссылку. 


3. Щелкните на кнопке ОК. 


Удаление ссылок 


Существует несколько способов удаления ссылок. Например, можно от- 
крыть документ, являющийся источником ссылки, и удалить ее вручную. 
Этот способ может оказаться неудобным, хотя и предоставляет максималь- 
ную точность и свободу. Перечислим приемы удаления ссылок, которыми 
располагает Диспетчер узла. 


1. Откройте окно Диспетчера узла. 


2. На карте узла выберите значок документа, на который указывает 
ссылка. 


3. Дайте команду $ЗиИе »> Кетоуе ШпК (Сайт » Удалить ссылку). Команда имеет 
два клавиатурных эквивалента: комбинация клавиш СТВЕ+$ЗНИЕТ-+Ь и 
стандартная клавиша удаления ОЕТЕТЕ. 


Изменение заголовков 


Программа Огеатмеауег позволяет менять заголовки документов НТМГ не- 
посредственно в окне Диспетчера узла. Напомним, что заголовком гипертек- 
стового документа называется содержимое дескриптора <Нче>. Эта строка 
текста считается названием документа и выполняет важные функции при 
индексации документов поисковыми машинами. Самые популярные бро- 
узеры Ичегпе{ Ехрюгег и Ме{5саре Мам даог выводят заголовок в строке заго- 
ловка окна программы. 


Чтобы изменить заголовок, надо сделать следующее. 
1. Откройте Диспетчер узла (АЕТ+Е8). 


2. Дайте команду Мем » Зпом Раде Тез (Вид »> Показать заголовки страниц). 
Эту команду можно дать и при помощи клавиатурной комбинации 


2.3. Диспетчер узла 


СТАЕ+$НЕТ+Т. В результате на карте узла вместо названий гипертек- 
стовых файлов будут выведены их заголовки. 


3. Выберите документ и дайте команду Е!е » Вепате (Файл »> Переимено- 
вать) или нажмите клавишу Е2. 


4. Введите новый заголовок и нажмите клавишу ЕМТЕК. 


Работа со страницами 


После разработки и верификации структуры узла начинается этап созда- 
ния контента. Этим «угловатым» американизмом принято в наше время 
называть информационное наполнение страниц. Какие полезные функции 
может выполнять Диспетчер узла на этом этапе? С его помощью можно откры- 
вать выбранные страницы и источники ссылок на гипертекстовые доку- 
менты и внешние объекты. Кроме того, диспетчер располагает специаль- 
ными командами для замены основной, корневой страницы узла. 


Чтобы открыть несколько страниц при помощи диспетчера, действуйте 
следующим образом. 


1. Выберите значки страниц. 


2. Дайте команду Ейе » Ореп Заес#оп (Файл »> Открыть выбранные файлы) или 
нажмите клавиатурную комбинацию СТВЕ+АЕТ+$НЕТ-+О. 


В результате открывается новое окно программы (или несколько окон), в 
которое загружается выбранный документ. Открытие одного файла проще 
выполнить двойным щелчком на его значке. Чтобы выбрать несколько 
объектов, надо удерживать нажатой клавишу ЗНЕТ (для выбора файлов, 
идущих подряд) или СТКЕ (для выбора файлов в произвольном порядке). 


Очень удобное средство, облегчающее работы по отладке развитой систе- 
мы гипертекстовых ссылок, — это команда Ореп Зоигсе о{ Мпк (Открыть источ- 
ник ссылки). Она выводит на экран окно программы, загружает в него доку- 
мент НТМЕ, являющийся источником ссылки, и выбирает активную об- 
ласть ссылки: текст или изображение. 


1. Откройте Диспетчер узла. 
2. Выберите на карте узла значок документа, на который указывает ссылка. 


3. Дайте команду Зе » Ореп Зоигсе оЁ Ыпк (Сайт > Открыть источник ссылки). 
Эту команду можно вызвать и из контекстного меню. 
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Диспетчер узла располагает специальными командами для изменения кор- 
невой страницы узла. Новым корнем можно объявить любую из существу- 
ющих страниц или создать нужную страницу заново. 


К этой операции приходится прибегать не часто. Корневая страница — это 
не только витрина узла, она должна давать представление о его устройстве 
и облегчать навигацию в сложной системе связанных гипертекстовых доку- 
ментов. Если структура сайта или его дизайн претерпели значительные 
изменения, то это может повлечь за собой необходимость обновления основ- 
ной страницы. 


Создание новой корневой страницы выполняется следующим образом. 


1. Дайте команду Зе » Мем Ноте Раде (Сайт » Новая главная страница). 
Команда доступна только из той панели Диспетчера узла, на которой ото- 
бражается карта узла. 


2. В диалоговом окне Мем Ноте Раде (Новая основная страница) заполните 
поля Ейе Мате (Имя файла) и Те (Заголовок). 


3. Щелкните на кнопке ОК. 


Что происходит при выполнении этой команды? Во-первых, создается 
новая основная страница с выбранным пользователем названием и заго- 
ловком. Во-вторых, все информационное обеспечение узла сохраняется, но 
связи от нового корня к существующим документам придется создавать 
заново. 


Чтобы объявить существующий документ главным документом узла, дей- 
ствуйте следующим образом. 


1. Откройте Диспетчер узла. 
2. Перейдите на правую панель и выберите гипертекстовый файл. 


3. Дайте команду ЗЦе » Зе! а Ноте Раде (Сайт » Сделать основной страницей). 
Команда доступна и из контекстного меню (щелкните правой кнопкой 
мыши на значке файла). 


Выбранный документ становится главным и на левой панели диспетчера 
выводится ранее созданный фрагмент сайта, для которого документ явля- 
ется корнем. 


Эта команда предоставляет самый простой способ превратить часть суще- 
ствующего сайта в самостоятельный новый узел. 


2.3. Диспетчер узла 


Визуализация карты 


Изображение документов и связей в виде дерева удобно только для сайтов 
небольшого масштаба. По мере увеличения числа узлов и ссылок картинка 
теряет свою наглядность и становится все более громоздкой и запутанной. 
Какими средствами настройки карты располагает программа Огеатмеауег? 


Любой файл, отображаемый на карте узла, программа способна объявить 
скрытым. Есть и специальная команда, убирающая с экрана скрытые фай- 
лы и все связанные с ними объекты. Кроме того, программа позволяет вы- 
водить только одну ветвь карты узла, корнем которой служит выбранный 
документ. 


Следует упомянуть и о команде масштабирования карты. Все эти средства 
позволяют выполнить тонкую настройку внешнего вида карты узла: пока- 
зать ее информативные ветви и скрыть второстепенные в данной ситуации 
фрагменты. 


Порядок скрытия файла документа следующий. 
1. Откройте Диспетчер узла. 

2. Перейдите на панель с изображением карты. 
3. Выберите значок документа. 
4 


Дайте команду Меми > Зпом/Нае Ипк (Вид » Показать /Спрятать ссылку). 
Она также доступна из контекстного меню и имеет клавиатурный экви- 
валент СТКЕ+ЗНЕТ-У. 


Имя документа, соответствующего скрытому файлу, изображается на карте 
узла курсивом. 


Скрытым становится не только выбранный документ, но и все связанные 
с ним файлы. 


Отобразить на экране скрытые файлы можно следующим образом. 
1. Перейдите на панель с изображением карты узла. 


2. Дайте команду Меми » Зном Ее МагКед аз Н!адеп (Вид » Показать скрытые 
файлы). Эта команда работает по принципу переключателя. Ее повторное 
выполнение влечет за собой показ всех скрытых объектов карты узла. 


Отдельная команда программы управляет визуализацией зависимых фай- 
лов. Таковыми считаются файлы, хранящие изображения, внешние таблицы 
стилей, объекты мультимедиа и др. По умолчанию они не отображаются на 
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карте узла. Их можно вывести на экран командой Мем » Зпоми Эерепаеп! Ейе$ 
(Вид » Показать зависимые файлы). Повторное выполнение команды убирает 
все зависимые файлы с карты узла. 


Если усилия дизайнера направлены на отработку отдельного фрагмента 
сайта, целесообразно показать на карте только этот участок, скрыв осталь- 
ные области. Так можно получить не только определенные преимущества 
за счет удобного представления обрабатываемой области, но и защитить 
законченные ветви узла от случайных изменений. 


Для вывода на экран ограниченной области карты узла выполним следующее. 


1. Перейдите на панель с изображением карты и выберите документ, ко- 
торый будет новым временным корнем. 


2. Дайте команду Мем »> Ме\м аз Коо{ (Вид » Показать как корень). Другие 
способы обращения к этой команде — это клавиатурная комбинация 
СТКЕ-ЗНИЕТ-+К и контекстное меню. 


Последствия операции легко предсказуемы. Программа выводит на экран 
только часть карты узла с выбранным документом в качестве временного 
корня. В верхней части карты на панели Зие МамдаНоп (Навигация по сайту) 
отображается путь от действительного корня к временному. Щелчок на 
любом значке в этом символическом изображении пути делает соответству- 
ющий документ новым корнем сайта и выводит на экран все его подчинен- 
ные объекты. 


Если программа Огеатмеауег выводит на экран только значки файлов 
без имен или заголовков, следует увеличить ширину полосы, используе- 
мой для визуализации объектов. Для этого надо дать команду \Мем » 
[ауси* (Вид » Размещение) и ввести в поле Со[итп ММА $ (Ширина стол- 
бца) большее значение. По умолчанию ширина каждого столбца равна 


Содержан 


ие данной главы — это, по сути дела, развернутый аргумент в 


пользу выполнения всех файловых операций средствами Диспетчера 
узла. Если, например, удалить, переименовать или переместить файл 
документа, используя посторонний редактор или файловый менеджер, 
то целостность ссылок будет нарушена. В результате придется вручную 
выполнять трудоемкую работу по восстановлению утерянных гипертек- 
стовых связей. Программа Отеатмеауег освобождает дизайнера от по- 
добной рутины — она автоматически отслеживает и обновляет ссылки 


Настройка диспетчера 


Основные параметры работы Диспетчера узла расположены в разделах Зйе 
Мар Гауош (Планировка карты узла), и Ейе Меми Соитп$ (Столбцы отображения 
файлов) диалогового окна Зйе Ве_п!оп (Определение сайта). Самый быстрый 
способ открыть это окно — это команды Меми »> [ауош! (Вид > Размещение) и 
Мем » ГИе Ме\м Соитп$ (Столбцы отображения файлов). 


Настройки категории $Не Мар Г ауоц! (Планировка карты узла), от которых за- 
висит внешний вид карты, подробно рассматривались в главе, посвящен- 
ной созданию локального узла. Напомним наиболее важные параметры. 


® Митрег о! Соитп$ (Число колонок). По умолчанию карта сайта отобра- 
жается горизонтально. Значение данного поля ограничивает число 
страниц, отображаемых в одном ряду. Если ввести в качестве значе- 
ния этого параметра единицу, то карта сайта будет расположена по 
вертикали. 


® — Соитп УМаН (Ширина столбца). Числовое поле задает ширину одного 
столбца в пикселах. 


® |соп ГаБе!$ (Подписи значков). Здесь выбирается содержание подписи 
под значком файла. Переключатель Ейе Матез (Имена файлов) выбира- 
ет имена файлов, Раде Тез (Заголовки страниц) — заголовки страниц. 


® ОрНоп$ (Параметры). Настройка режимов отображения. Флажок О!зр!ау 
ГИез Магкед аз Наеп (Отображать скрытые файлы) включает режим по- 
каза скрытых файлов НТМГ; флажок О!зр!ау Эерепаепи Ейе$ (Отображать 
зависимые файлы) управляет отображением таких файлов, связанных 
со страницами, как изображения, внешние сценарии и другие типы 
файлов, не основанные на гипертекстовой разметке. 


От настроек раздела Ейе Меми Соитпз (Столбцы отображения файлов) (рис. 2. 16) 
зависит внешний вид файловой панели Диспетчера узла. Рассмотрим эти 
настройки. 


® Центральное место в диалоговом окне занимает панель, на которой 
перечислены все атрибуты файлов, отображаемые на панели Диспет- 
чера узла. Порядок строк по вертикали соответствует расположению 
столбцов файловой панели по горизонтали. Предопределенные ат- 
рибуты имеют тип Вин т (Встроенные), новые, введенные пользовате- 
лем, помечаются как Регзопа! (Собственные). Видимые столбцы полу- 
чают метку Зпо\м (Показать), скрытые — Нюе (Скрыть). 
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Кнопки со стрелками служат для изменения порядка столбцов, представ- 
ленных на файловой панели. Для этого достаточно выбрать строку с назва- 
нием атрибута и, щелкая на этих кнопках, изменить ее положение. 


Соштп Мате (Имя столбца). Новое название столбца для выбранного 
атрибута. 


Аззостате мин Безюп Мое (Связать с комментариями разработчика). 
Абоп (Выравнивание). Выбор типа выравнивания текста в данном столбце. 
Зпом (Показать). Управляет отображением данного столбца. 


Зпаге мин АН Узег$ о! ТН!$ ЗКе (Совместное использование столбца). Разре- 
шает или запрещает коллективный доступ нескольких разработчи- 
ков к данному файловому атрибуту. 


Для удаления атрибута выберите его и щелкните на кнопке с изобра- 
жением знака --. 


Чтобы добавить на файловую панель новый столбец, щелкните на 
кнопке со знаком +, а потом задайте нужные параметры в нижней 
части диалогового окна. 


це ПБейпиюй Гог Го 


ЗИ РОКИ ТИС 


Вип 
Вик 
Вий п 
Вип 


Рис. 2.16. Настройка файловой панели диспетчера 


2.4. Работа с удаленным узлом 


Программа Огеатмеауег располагает удобным инструментарием для созда- 
ния и обслуживания удаленных \еф-узлов. Только средствами програм- 
мы, без помощи специальных клиентов РТР можно установить соединение 
по протоколу ЕТР и скопировать содержимое локального сайта на сервер. 
Если успешно выполнены все работы по верификации проекта и локаль- 
ная версия представляет собой отлаженный продукт, то на сервере будет 
создана полностью работоспособная версия с гарантированной целостнос- 
тью ссылок. 


Жизненный цикл большинства сложных проектов не заканчивается после 
публикации на сервере. Это действие только начинает протяженный этап 
по вживлению проекта в виртуальную ткань всемирной Сети. Регистра- 
ция на поисковых машинах и в каталогах, реклама, обмен рекламными зна- 
ками, регулярные обновления контента — без этих мероприятий нельзя 
рассчитывать на коммерческий успех проекта. 


Программа Огеатмеауег предоставляет все необходимые средства для вне- 
сения изменений и синхронизации локальной и удаленной версий Уер- 
узла. 


Программа поддерживает режим коллективной работы над проектом, ког- 
да несколько исполнителей способны открывать и редактировать разные 
вспомогательные файлы и гипертекстовые документы. 


Основные параметры, требуемые для задания удаленного узла, устанавли- 
ваются при создании локальной версии. Они были рассмотрены в разделе, 
посвященном определению нового локального узла. Большая их часть рас- 
положена в разделе Кето{е |п1о (Сведения об удаленном сервере). В любой мо- 
мент работы над проектом настройки удаленного узла можно уточнить или 
изменить. 


1. Дайте команду Зе » Ое#пе $Йез (Сайт »> Определить сайты). Это можно 
сделать из окна документа или окна Диспетчера узла. 


2. В диалоговом окне Ое#пе Зйез (Определить сайты) выберите имя сайта. 
3. Щелкните на кнопке Ед (Изменить). 


4. В диалоговом окне Зйе Вент оп (Определение сайта) выберите раздел ММеь 
Зегуег [по (Сведения о \\еБ-сервере) и внесите необходимые изменения. 
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Настройка параметров соединения ЕТР 
Некоторые настройки соединения ЕТР и внешний вид окна Диспетчера узла 
входят в число основных параметров программы и задаются в диалоговом 


окне Рге{егепсе$ (Настройки). Доступ к этим настройкам выполняется следу- 
ющим образом. 


1. Дайте команду Ев » Рге{егепсез (Правка » Настройки). 


2. Налевой панели диалогового окна Рге{егепсе$ (Настройки) выберите кате- 
горию ЗНе (Сайт). Окно примет вид, показанный на рис. 2.17. 


Ре Турез { ЕЧйог$ 
Роп$ { Епсодтд 
Найта 
име Еетем$ 


Рис. 2.17. Параметры соединения ЕТР 


Рассмотрим содержание этого раздела. 


» Ам/ауз Эпо\ми (Всегда показывать). Два раскрывающихся списка позво- 
ляют задать расположение панелей удаленной и локальной версий 
сайта в окне Диспетчера узла. 


® ПОерепаеги ЕЙез (Зависимые файлы). Здесь можно включить или выклю- 
чить режим выдачи запроса на пересылку связанных файлов, таких 
как изображения, внешние таблицы стилей и пр. По умолчанию оба 
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аленным узлом 


флажка: Рготр! оп Се! /Спеск Ош! (Запрашивать при приеме) и Рготр! оп 
Ри! /Свеск т (Запрашивать при передаче) — установлены. 


пересылку зависимых файлов. Чтобы открыть его, надо дать одну из ко- 
манд, инициирующих файловые обмены между локальным и удаленным 
компьютером, удерживая нажатой клавишу АИТ. Напомним эти коман- 
ды: Риф (Передать), бе (Получить), Сеск Тп (Заблокировать), СНеск Оиё 
(Разблокировать). 


® ЕТР СоппесНоп (Соединение). Если установить флажок О1соппес{ АНег 
(Разрывать после) и задать числовое значение в поле Мпщез |4е (Минут 
простоя), то соединение с сервером разрывается, если в течение ука- 
занного времени какая-либо активность отсутствует. 


® РТР Пте Оц (Тайм-аут). Это поле определяет интервал времени, отво- 
димый программе на установку соединения с сервером. Если уложить- 
ся в указанный срок не удалось, то программа выводит специальное 
сообщение. 


®_ Ггема! Ноз+ (Брандмауэр). В этом поле указывается адрес прокси-сер- 
вера, который выполняет подключение к удаленному серверу при 
наличии брандмауэра. Если подобная защита не используется, то поле 
следует оставить пустым. 


®_ ГгемаИРоги (Порт брандмауэра). Поле предназначено для задания порта, 
который используется при подключении к серверу ЕТР. По умолча- 
нию это порт под номером 21. 


® Ри ОрНопз: бауе ЕИез Веюге Рита (Параметры пересылки: Сохранять фай- 
лы перед отсылкой). Если установлена данная опция, то все несохра- 
ненные файлы записываются на диск перед их передачей. 


® ОеНпе ЗНез (Задать сайт). Эта кнопка выполняет те же функции, что и 
одноименная команда: открывает диалоговое окно, в котором можно 
редактировать параметры существующего соединения. 


Важная настройка, от которой зависит режим передачи файла, не вошла в 
описанное диалоговое окно. Ее можно изменить при помощи прямого ре- 
дактирования конфигурационного файла с именем ЕТРЕжепз!опМар.4х{. Он 
расположен в папке Огеатмеауег\ СопНдигаНоп. В этом файле указываются 
режимы передачи данных разного формата (Втагу или А$С!). Если формата 
передаваемого файла в списке не оказалось, то он автоматически передается 
в двоичном формате. 
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В протоколе передачи данных АТР (Ее Тапзег Ргоюсо{ —протокол пе- 
редачи данных) предусмотрены два режима пересылки данных: двоич- 
ный (б7пагу) и символьный (А5СП). В двоичном режиме последователь- 
ность битов при пересылке сохраняется, поэтому оригинал и копия иден- 
тичны с точностью до бита. На первый взгляд, это хорошо, потому что 
обеспечивает наивысшую сохранность данных. Однако полученную би- 
товую последовательность требуется еще и правильно расшифровать и 
проинтерпретировать. Например, если из вычислительной системы, ра- 
ботающей под управлением Мас 05, переслать программный файл в дво- 
ичном режиме на платформу Ве05, то, скорее всего, программа на этой 
платформе работать не будет. 


В режиме передачи А5СЛ, или, как его иногда называют, в текстовом ре- 
жиме, пересылаемые объекты рассматриваются как наборы символов. 
Программа-клиент и программа-сервер пытаются сделать так, чтобы пе- 
ресылаемые ими символы имели на принимающем компьютере тот же 
смысл, что и на компьютере-отправителе. 


Коды символов первой половины кодовой таблицы — это один из не- 
многих действующих в информатике стандартов. Он сохраняется на по- 
давляющем числе существующих в настоящее время компьютерных плат- 
форм. Если файл, который состоит из набора литер (это может быть обыч- 
ный текст, исходный текст программы, закодированное при помощи сим- 
волов изображение, содержимое электронного письма и пр.), переслать 
с компьютера Мастиёо5й в текстовом режиме, то и на платформе Ве05 он 
будет успешно прочитан. 


При выборе режима передачи следует учитывать тип передаваемой ин- 
формации и совместимость платформ клиента и сервера. Кодирование 
данных — это область, где действует слишком много разных стандартов 
и нет унификации, поэтому часто бывает трудно установить соответствие 
между способом кодирования и типом информации. Так, например, ис- 
полняемые коды программ всегда кодируются в двоичном виде, а про- 
граммы, написанные на языке сценариев, могут иметь и текстовое пред- 
ставление. Файлы, хранящие документы НТМЁ, передаются в режиме 
А$СП; некоторые вычислительные системы представляют в двоичном 
виде даже простые символьные цепочки, не включающие в себя управ- 
ляющие символы и команды форматирования. 


2.4. Работа с удаленным узлом 


При передаче: : ; режиме АбСИ способ кодирования к конца а Строк, установ- 
ленный в основных настройках программы, игнорируется. Программа 
Огеатмеауег выбирает такой способ обозначения, который принят на 
платформе компьютера-клиента. Так, если документ разрабатывается под 
управлением операционной системы И/паои5, то концы строк помеча- 
ются символами перехода н на } новую строку , и и возврата каретки. 


Пересылка а документов 


Пересылка документов с локального компьютера на удаленный сервер ив 
обратном направлении выполняется средствами диспетчера узла. 


Ели проектирование узла ведется | коллективом м разработчиков, то для 
пересылки файлов следует использовать команды СпПескК Тп (Разблоки- 
ровать) и СНесКк Ои{ (Заблокировать). Если авторский коллектив пред- 
ставлен одним лицом, то файловые обмены между удаленным сервером 
и локальным компьютером можно доверить командам Ри{ (Передать) и 
бе{ (Получить). 


Получение 


Копирование файла с удаленного компьютера на локальный выполняется 
следующим образом. 


1. Откройте окно Диспетчера узла. 
2. Откройте нужный сайт. 


3. Установите соединение с удаленным сервером. Если используется связь 
по протоколу ЕТР, то для этого достаточно щелкнуть на кнопке Соппес 
(Установить соединение), расположенной на панели инструментов. 


4. Выберите имя файла на одной из панелей окна Диспетчера узла. Если 
выбрать файл на панели сервера, то на локальный компьютер переда- 
ется его копия. Выбор файла на другой панели приводит к тому, что на 
диск локального компьютера записывается версия выбранного файла, 
расположенная на сервере. 


5. Дайте команду Се! (Получить). Для этого можно щелкнуть на кнопке 
панели инструментов или воспользоваться контекстным меню. 


Если у данного сайта активизирована система контроля обращения фай- 
лов, то команда Се! (Получить) перешлет на локальный компьютер выбран- 
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ный файл, который получит атрибут Только чтение. Удаленная версия оста- 
ется доступной для редактирования любым членом коллектива разработ- 
чиков. Если контроль обращения отключен, то переданный файл открыт 
для внесения любых изменений. 


Передача 


Диспетчер узла располагает двумя командами для загрузки файла на удален- 
ный сервер. Это команды Ри! (Передать) и Свеск шт (Заблокировать). Первую 
команду используют в тех случаях, когда система контроля обращения 
файлов не активизирована. Если узел находится в коллективной разработ- 
ке и данная система включена, эта команда дает возможность продолжить 
работу над данным файлом и после его передачи. Команда Снеск п (Заблоки- 
ровать) закрывает локальную версию файла для записи после его загрузки 
на сервер. 


Рассмотрим техническую сторону операции. 
1. Откройте окно Диспетчера узла (АЁЕТ+Е8). 


2. Откройте узел командой Зе » Ореп ЗИе (Сайт »> Открыть сайт) или про- 
сто выберите имя узла в списке, расположенном в левой части панели 
инструментов. 


3. Выберите разделы локального узла, предназначенные для пересылки 
на сервер. 


4. Дайте команду ЗНе » Ри! (Сайт » Передать). Имеется еще несколько спо- 
собов запуска процесса пересылки файлов: кнопка панели инструмен- 
тов Ри* (Передать) и клавиатурная комбинация СТЕЕ+$НЕТ-+Ц. 


Иногда проще скопировать отдельный документ прямо из окна редактиро- 
вания. Для этого надо воспользоваться такой же командой $Ке » Ри! (Сайт » 
Передать). 


Рассмотрим ситуацию, когда на сервер пересылается совершенно новый 
файл, не имеющий версий на удаленном компьютере, и для данного сай- 
та активизирована система контроля обращения. После копирования 
программа выставит блокировку этого файла, чтобы дать автору возмож- 
ность продолжить его редактирование. 


2.4. Работа с удаленным узлом 


Синхронизация 


Как правило, работа над сложным узлом не заканчивается его публикаци- 
ей на сервере; любой перспективный Интернет-проект требует поддержки 
и сопровождения. Если в работе над проектом занято несколько исполни- 
телей (программистов, дизайнеров и администраторов), которые обновля- 
ют содержимое удаленного узла асинхронно и с разных компьютеров, то 
даже сайты с продуманной концепцией и отшлифованной структурой очень 
скоро рискуют превратиться в информационную свалку, заполненную ко- 
пиями, версиями, дубликатами и вариантами. 


Программа Огеатмеауег располагает специальными средствами для приве- 
дения в соответствие содержимого удаленной и локальной версий сайта. 
Синхронизация файлов выполняется следующим образом. 


1. Откройте окно Диспетчера узла и в нем — обновляемый сайт. 


2. Если требуется обновить только некоторые объекты, выберите нужные 
файлы или папки локального узла. 


3. Дайте команду ЗКе » Зупсйготхе (Сайт »> Синхронизировать) — на экране 
появится диалоговое окно Зупсвнгот2е ЕИез (Синхронизация файлов), пред- 
ставленное на рис. 2.18. Средствами этого окна следует задать способ и 
объект обновления. 


4. Выберите область обновления в списке Зупсиготе (Синхронизировать). 
Это может быть весь проект (Етиие ... Зне) или только выбранные файлы 
(Зеесеад оса! ЕЁЙез ОпУ). 


5. Уточните направление передачи файлов в раскрывающемся списке 
ОнесНоп (Направление). Здесь имеется три варианта: Ри! пемег #1ез 10 гето{е 
(Отправить свежие версии файлов на сервер), Се{ пемег {1ез {гот гето{е (По- 
лучить свежие версии файлов с сервера) и Се! апа Ри пемиег {Пез (Обменяться 
свежими версиями файлов). 


6. Можно также установить флажок Оещ{е гетоте 11ез по{ оп |оса! айуе (Уда- 
лить файлы, которых нет в локальной версии проекта). Каковы последствия 
установки этого флажка? Если выбрано направление передачи от ло- 
кального узла к удаленному (Ри пемег {1ез$ {о гето{е), то программа уда- 
лит с сервера все документы, у которых нет аналогов в локальной вер- 
сии. Если выбрано обратное направление передачи — от удаленного узла 
к локальному, то программа уничтожит все документы локального про- 
екта, которые не имеют эквивалента на удаленном сервере. 
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Операция удаления, торая выполняется 9 при синхронизации, не может 
быть отменена, поэтому при установке флажка Ое[е{е гето*е Ре по{ оп 
[оса апуе (Удалить файлы, которых нет в локальной версии проекта) 
следует соблюдать особую осторожность. 


Щелкните на кнопке ОК. Программа Огеатмеауег выполнит сравнение 
локального и удаленного узлов, а сводку обнаруженных разночтений 
выведет в диалоговом окне $Ке (Сайт). Если программа не найдет раз- 
ночтений, будет выдано сообщение, что необходимости в синхрониза- 
ции нет. 


Диалоговое окно ЗНе (Сайт) предоставляет пользователю возможность 
вмешаться в процедуру синхронизации и исключить из нее определен- 
ные файлы. Для этого надо сбросить флажок в столбце АсНоп (Действие) 
напротив имени файла. В столбце З{а4из (Состояние) при этом появится 
метка $Юр (Пропустить). 


Начните процедуру синхронизации, щелкнув на кнопке ОК диалогового 
окна Зе (Сайт). 


После завершения синхронизации программа выведет отчет о резуль- 
татах синхронизации в столбце З{а\и$ (Состояние). Для сохранения этой 
информации надо щелкнуть на кнопке $а\уе 109 (Сохранить в журнале). 
Если этого не требуется, то диалоговое окно закрывают щелчком на 
кнопке С!озе (Закрыть). 


зеецеч |1оса! Е!ез Опу 


Ш пемшег Ше$ {0 гетые 


Рис. 2.18. Синхронизация файлов 


Контроль обращения файлов 


Коллективное творчество в технике — жанр далеко не бесспорный, и часто 
его можно оценить как неизбежное зло. Не случайно в среде конструкто- 
ров популярен афоризм, утверждающий, что верблюд — это лошадь, создан- 
ная коллективом. Коллективная разработка, выигрывая по скорости и глу- 
бине отработки проектных решений, может потерять свои преимущества 


2.4. Работа с удаленным узлом 


на этапе согласования частных решений и сведения их в общий проект. 
Задача создания программных средств, поддерживающих параллельную 
работу нескольких исполнителей, не решена полностью по сию пору. Про- 
грамма Огеатмеауег располагает двумя наиболее популярными средствами 
поддержки распределенного проектирования — это механизмы синхрони- 
зации и контроля обращения файлов. 


После установки соединения ЁТР с удаленным сервером все перемещае- 
мые файлы помечаются в окне Диспетчера узла специальным значком — га- 
лочкой. Ее цвет позволяет различить файлы, которые находятся в работе у 
данного пользователя, и файлы, передаваемые другими членами коллек- 
тива разработчиков. Зеленая галочка присваивается документам пользо- 
вателя, красная — чужим документам. Кроме того, имя пользователя, взяв- 
шего данный файл на обработку, выводится напротив его имени в колонке 
Снескеа О! Ву (Заблокирован). Эти простые по сути системные соглашения 
позволяют избежать взаимных блокировок и тупиковых ситуаций, возмож- 
ных при одновременном обращении разных пользователей к одному файлу. 
Доступны для обработки только файлы, не отмеченные галочкой в окне 
Диспетчера узла. Снять пометку, то есть разблокировать файл может только 
его временный владелец при помощи специальной команды. После этого 
файл поступает в свободное обращение и может быть затребован для обра- 
ботки любым членом команды разработчиков. 


После того как в файл внесены все правки, он опубликован на сервере и 
разблокирован, его локальная версия получает атрибут Веад оп (Только чте- 
ние). Эта дополнительная степень защиты должна, по замыслу разработчи- 
ков программы, запретить соисполнителям доступ к данной версии доку- 
мента. Страховка работает, если пользоваться для доступа по протоколу 
ЕТР только теми средствами, которые предоставляет Диспетчер узла. Однако 
существует множество программ, выполняющих функции клиентов ЕТР. 
Для них блокировка записи не имеет силы, и пользователь может случайно 
или по злому умыслу перезаписать защищенный файл на локальном узле. 


Программа предлагает еще уровень защиты, рассчитанный только на доб- 
ропорядочного пользователя. Для каждого блокированного файла на ком- 
пьютере-клиенте и сервере создается текстовый файл с тем же именем и 
расширением „1СК. В него записывается имя пользователя, заблокировав- 
шего файл, а также дата и время блокировки. Такие файлы не отображаются 
в окне Диспетчера узла, но они доступны любому постороннему клиенту РТР. 


К сожалению, программа Огеатмеауег не располагает средствами защиты 
файлов на удаленном сервере от записи. Это значит, что любой член ко- 
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манды разработчиков способен перезаписать файл на удаленном сервере 
при помощи любой программы, способной работать по протоколу ЕТР. 


Механизм контроля обращения и блокировок не будет работать, если он 
не активизирован. Все немногочисленные настроечные параметры конт- 
роля обращения рассмотрены в разделе «Создание локального узла». Эти 
настройки доступны в течение всего цикла разработки сайта. Если возник- 
ла необходимость внести изменения в настройки контроля обращения, то 
придется проделать длинный путь по системе меню и диалоговых окон 
программы. 


Но команде Зе » Бе#пе ЗНез (Сайт » Задать сайты) выведите на экран одно- 
именное диалоговое окно и выберите в нем нужный сайт. Далее, щелчком 
на кнопке ЕдИ (Изменить) откройте диалоговое окно Зе ОеНп!юоп (Определе- 
ние сайта) и выберите в нем категорию Вето{е |пго (Сведения об удаленном сер- 


вере). 
Блокирование одного или нескольких файлов выполняется следующим 
образом. 


1. Откройте окно Диспетчера узла. 

2. Откройте нужный сайт. 

3. Выберите все нужные файлы. 

4. Дайте команду Зе » Спеск Ош! (Сайт »> Блокировать). Программа распо- 
лагает и другими способами выдачи этой команды: одноименная кнопка 
на панели инструментов, комбинация клавиш СТКЕ+АЕТ+$НЕТ+Ь, 
пункт контекстного меню. Кроме того, заблокировать отдельный файл 


можно непосредственно из окна документа при помощи точно такой 
же команды. 


Чтобы разблокировать файлы, действуйте следующим образом. 
1. Откройте окно Диспетчера узла. 
2. Откройте нужный сайт. 


3. Выберите на правой панели диспетчера нужные файлы. Напомним, что 
заблокированные пользователем документы помечаются зеленой галоч- 
кой, файлы, затребованные на обработку сторонними исполнителями, 
имеют пометку в виде галочки красного цвета. 


4. Дайте команду Зе » Спеск [п (Сайт » Разблокировать). Эту команду так- 
же можно дать при помощи кнопки панели инструментов, из контекст- 
ного меню или с помощью клавиатурной комбинации СТКЕ+АЕТ+$НЕТ-+И. 
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Операции по установке и снятию блокировки выполняются только тогда, 
когда установлена связь по протоколу Е ТР с удаленным сервером и воз- 
можна передача файлов в обоих направлениях. После запуска любой из 
команд Спеск Ои{ (Заблокировать) или Сеск Тп (Разблокировать) про- 
грамма выводит диалоговое окно, в котором просит подтвердить пере- 
сылку связанных с документом файлов. Щелчок на кнопке ОК разрешает 
эту операцию, Сапсе[ — запрещает. 


Если требуется отменить блокировку документа без переноса изменений 
на сервер, надо сделать следующее. 


1. Выберите файл в окне Диспетчера узла. 


2. Дайте команду Зе » Ипдо Спеск Ош! (Сайт » Отменить блокировку). Ее мож- 
но также выдать из контекстного меню или из окна документа. Команда 
снимает с файла значки защиты и присваивает его локальной версии 
статус Только чтение. 


Команды блокировки и ее снятия разрешается выполнять и из окна доку- 
мента. В этом случае они относятся только к тому документу, который от- 
крыт в данный момент. После выполнения команды блокировки текущая 
версия заменяется удаленной. Последствия, которые влечет за собой сня- 
тие блокировки, могут быть различными. Они зависят от параметра Зауе 
РИез Веоге Рита (Сохранять файлы перед отсылкой), который входит в число 
настроек протокола ЕТР. Если соответствующий флажок установлен, то 
снятие блокировки автоматически сохраняет текущую версию документа 
на диске локального компьютера. 


Все операции контроля обращения применяются к удаленным версиям 
файлов, то есть к объектам, к которым возможен коллективный доступ. 
Блокировать файлы, расположенные на локальном компьютере, не име- 
ет смысла, поскольку доступ к этим объектам — это монополия данной 
вычислительной системы. 


Создание отчета 


Тестирование и отладка большого сайта — это сложная процедура, которая 
в некоторых случаях по своей трудоемкости сопоставима с этапом разра- 
ботки. Для этих работ пакет Огеатмеауег не может предложить такой же 
разнообразный и мощный инструментарий, как для создания гипертексто- 
вых страниц. Справедливости ради следует сказать, что теоретическая сто- 
рона проблем верификации исследована не так глубоко, как для задач про- 
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ектирования. Разработчики программных средств в разных областях ин- 
форматики не выходят за пределы обязательного набора, состоящего из 
средств генерации отчетов и развитых команд поиска. Подобными коман- 
дами располагает и система Огеат\меауег. 


Программа способна создавать отчеты, содержащие подробную информа- 
цию о самых разнообразных сторонах и аспектах \еБ-узла и составляю- 
щих его гипертекстовых документах. Специальная команда сканирует об- 
ласть определения узла и/или документа и собирает сведения об избыточ- 
ных дескрипторах, потерянных связях, пропущенных заголовках, вложен- 
ных тегах и пр. 


Для правильной организации коллективной работы разработчики долж- 
ны располагать информацией о блокировках файлов и иметь доступ к ком- 
ментариям других авторов. Для этого можно воспользоваться командой 
создания отчетов, которая может собрать такие сведения для всех докумен- 
тов сайта или некоторой его части. 


Получить отчет по блокировкам и комментариям можно следующим обра- 
ЗОМ. 


1. Откройте нужный узел в окне Диспетчера узла. 


2. Дайте команду ЗНе » Керог{$ (Сайт » Отчеты). На экране появится диало- 
говое окно, показанное на рис. 2.19. 


3. Выберите область, которую требуется включить в отчет. Для этого надо 
раскрыть список Верог* Оп (Отчет по) и выбрать в нем один из пунктов. 
Программа предлагает следующий выбор: | 


® Сигтеги Ооситеп\ (Текущий документ); 

® Епуге [оса! Зе (Весь локальный узел); 

® З@ецед ЕИез т ЗНе (Выбранные файлы узла); 
® РГодег (Папка). 


4. В поле Заес{ Верог{ (Выбрать отчет) выберите категорию отчета. После 
выбора раздела, требующего дополнительной настройки, активизиру- 
ется кнопка Кером Зета (Параметры отчета). Перечислим все типы от- 
четов: 


® Снескед Ош: Ву (Заблокирован); 
® Оез1дп Мо{е$ (Комментарии разработчика); 


® СотЬпаЫе №ез{еа Роп{ Тадз (Вложенные дескрипторы); 
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2.5. Комментарии разработчик 


® М!55та АК Тех{ (Пропуск альтернативного текста); 

® Кедипдап{ Мез{е4 Тад$ (Избыточные вложенные дескрипторы); 
® КетоуаЫе Етр\у Тадз$ (Лишние пустые дескрипторы); 

® Опиеа Ооситепи (Документы без заголовков). 


5. Щелкните на кнопке Верог! Зенита (Параметры отчета) и в диалоговом 
окне, которое выведет программа, настройте параметры отчета. 


6. Запустите генерацию отчета щелчком на кнопке Кип (Выполнить). 


НТМЕ Аероп$ 


СотЬпаЫе Мез!ед Рог! Тад$ 
М!5$тд АКТеж 

Аедипаал Мез{е4 Тад5 
АетоуаЫе Етру Тад$ 
Цпе9 Боситет$ 


Рис. 2.19. Создание отчета 


2.5. Комментарии разработчика 


Комментарии разработчика (4еят пойе5) — это вспомогательный документ, 
который может быть ассоциирован с любой гипертекстной страницей. В 
процессе УеБ-проектирования эти документы выполняют функции, кото- 
рые при традиционном проектировании возложены на сопроводительные 
записки и технические требования. Они способны хранить любую допол- 
нительную информацию об объекте, правилах его эксплуатации, процеду- 
ре приемки и пр. В комментарии разработчика обычно помещают сведения 
о версиях гипертекстового документа, информацию о требуемых доработ- 
ках, данные о разработчике, технические тонкости установки и настройки 
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2. Созда 


ние меБ-узла 


и многое другое. Файлы с присоединенными комментариями имеют спе- 
циальную пометку в одном из столбцов Диспетчера узла. Это небольшой зна- 
чок желтого цвета с изображением стилизованных строчек. Двойной щел- 
чок на этом значке открывает специальное диалоговое окно, в котором мож- 
но прочитать или отредактировать комментарии. 


Практически любой файл, участвующий в создании гипертекстовой стра- 
ницы, можно при необходимости снабдить комментариями, например: изо- 
бражения, Е/а5й-объекты, апплеты и пр. Комментарии разработчика — это 
ресурс, управление которым выполняется на уровне всего узла. Чтобы сде- 
лать его доступным для всех документов, надо при создании узла вклю- 
чить флажок Маицат Оезюп №о{ез (Поддерживать комментарии разработчика). 
Подробнее об этом говорится в разделе «Создание локального узла». Если 
режим поддержки комментариев не включен при создании узла, это можно 
сделать в любой момент его разработки и эксплуатации. 


1. Откройте окно Диспетчера узла ( АЕТ+Е8 или Е8). 


2. Загрузите в него нужный сайт, например командой Зе » Ореп Зйе (Сайт »> 
Открыть сайт). 


Дайте команду Зе » Ое#пте ЗКез (Сайт » Задать сайты). 
В одноименном диалоговом окне щелкните на кнопке Еай (Изменить). 


В диалоговом окне Зие Оейп\юп (Определение сайта) откройте раздел 
Оез{ап Мо{ез (Комментарии разработчика) и внесите в него все необходи- 
мые изменения. 


Комментирование документа 


Пусть документ загружен в окно редактора. Связать с ним комментарии 
разработчика можно следующим образом. 


1. Дайте команду Е!е » Оез!дп Мо{ез (Файл > Комментарии разработчика). Эта 
команда доступна и в окне Диспетчера узла. Еще один способ вызова этой 
команды — двойной щелчок на столбце Мо{е$ (Комментарии) в окне Дис- 
петчера узла. Если требуется прокомментировать файл, расположенный 
на удаленном компьютере, то сначала надо выполнить одну из команд 
Спеск Ош (Заблокировать) или Се{ (Получить) и дождаться его загрузки. 


2. Введите необходимую информацию в диалоговое окно ОБезюп Мо{е$ (Ком- 
ментарии разработчика) (рис. 2.20). Рассмотрим элементы управления в 
этом окне. 
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2. 5. Комментарии разработчика 


» Вкладка Вазс п (Основные сведения). В этом разделе разработчик 
может создать текстовый комментарий любой длины и произвольного 
содержания. Раскрывающийся список З{а{из (Статус) содержит пере- 
чень названий версий, упорядоченных по степени готовности. Край- 
ние позиции занимают версии с названиями агаН (черновик) и Нпа! 
(финальная). В поле М№о{ез (Комментарии) можно ввести любой тексто- 
вый комментарий. Кнопка Оа{е (Число) позволяет вставить в коммен- 
тарий текущую дату. 


» Вкладка АН п (Все сведения). Этот раздел позволяет разделять вво- 
димую информацию по рубрикам. Вся введенная информация ото- 
бражается в разделе п (Сведения). Информация, введенная в после- 
дующих полях, представляется здесь в виде <имя>=«значение>, где 
часть <имя> вводится в поле Мате (Имя), а часть <значение> — в поле 
Маше (Значение). Чтобы добавить новую рубрику, щелкните на кноп- 
ке со знаком +; чтобы удалить рубрику — на кнопке со знаком -. 


3. Щелкните на кнопке ОК, чтобы завершить работу с диалоговым окном 
и сохранить комментарии. 


Оездп Мое$ 


омментарии разработчика 


Рис. 2.20. Создание комментариев 


Комментарии разработчика хранятся в ; специальной | папке с именем 
_поф{ез. Она создается программой автоматически и располагается в том 
же каталоге, что и комментируемый файл. Файлы комментариев получа- 
ое т расширение ММО. 
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2. Создание меБ-узла 


Комментариями можно снабдить не только отдельный документ, но и по- 
чти любые самостоятельные объекты, составляющие его содержание. Для 
этого достаточно щелкнуть на объекте правой кнопкой мыши и выбрать из 
открывшегося контекстного меню команду Оез1дп Мо{ез (Комментарии разра- 
ботчика). Все последующие действия по заполнению полей диалогового окна 
совпадают с уже рассмотренными (пункты 1-3). 


Комментарии можно передавать вместе с документом на удаленный сайт. 
Чтобы запретить подобный обмен, достаточно снять флажок Урюаа {ог 
Зпагпд (Передача для совместного использования) в категории Оез!дп №о{е$ (Ком- 
ментарии разработчика) диалогового окна Оейпе $Не (Определение сайта). 


2.6. Проверка ссылок 


Контроль целостности гипертекстовых связей — это, видимо, самая ответ- 
ственная и трудоемкая часть процедуры тестирования Меб-узла. Потерян- 
ная ссылка, ссылка, ведущая в никуда, разорванная связь — такой сорт 
ошибок встречается в гипертекстовых документах с такой же удручающей 
регулярностью, как грамматические ошибки в обычных текстах. Сообще- 
ние еггог 404, которое выдает сервер, не нашедший файла по указанному 
адресу, стало знаковым, вошло в сетевой обиход как часть виртуального 
фольклора. 


Файлы, на которые не указывает ни одна ссылка, принято называть «вися- 
чими», или «потерянными». Они занимают дисковое пространство локаль- 
ного компьютера и сервера, требуют времени на обновление и пересылку, 
но не вплетены в живую ткань гипертекстового документа и поэтому не 
могут выполнять информационные функции, возложенные на них разра- 
ботчиком. Каковы бы ни были причины возникновения потерянных фай- 
лов: забывчивость автора или ошибки проектирования — это одна из форм 
нарушения целостности гипертекстовых связей. 


Программа Огеатмеауег располагает специальной командой, которая позво- 
ляет проверить корректность внутренних ссылок и обнаружить изолиро- 
ванные файлы. Областью применения команды может быть Меф-узел, от- 
дельная страница, выделенная папка, содержащая фрагмент узла. После 
ревизии заданной области команда выдает отчет о разорванных ссылках, 
ссылках на внешние файлы и потерянных файлах. 


Рассмотрим все варианты этой команды в последовательности увеличения 
масштабов применения. 
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Проверка связей одного гипертекстового документа выполняется следую- 
щим образом. 


1. 


Сохраните документ в той части диска, которая подчинена корневому 
каталогу сайта. 


В окне документа дайте команду Е!е » Спеск Ипк$ (Файл » Проверить связи) 
или просто нажмите клавиши ЗНИЕТ+ЕВ. 


Контроль связей в пределах отдельного фрагмента узла осуществляется так. 


1. 
2. 


Откройте окно Диспетчера узла. 


Откройте сайт при помощи списка на панели инструментов или с по- 
мощью команды ЗНе » Ореп ЗКе (Сайт » Открыть сайт). 


Выберите на правой панели Диспетчера узла файлы или папку. 


Дайте команду Ее » Спеск МпК$ (Файл » Проверить ссылки). Та же команда 
может быть выбрана в контекстном меню: Спеск Ипк$ » Зеецеа ЕИез/ 
Ро|4егз (Проверка ссылок »> Выбранные файлы и папки) — или с помощью 
комбинации клавиш ЗНЕТ-+Е8. 


Чтобы проверить связи всего узла, дайте в окне Диспетчера узла команду З#е > 
Спеск Шпк$ Зцемиае (Сайт » Проверить связи сайта) или нажмите клавиши 
СТВЕ+Е8. Можно воспользоваться и контекстным меню, где эта команда 
доступна как Спеск ЧпК$ » Елёге ЗКе (Проверка ссылок » Весь сайт). 


После окончания проверки программа Огеатмеауег выводит на экран диа- 
логовое окно ШпК Спескег (Проверка ссылок) (рис. 2.21), содержащее сводку 
результатов проверки. Рассмотрим содержание этого окна. 


® Список Зпом (Показать) содержит три пункта: ВгоКеп ИпК$ (Разорванные 


связи), Ежегпа! ЦпК$ (Внешние связи), Огрпапеа Ейез (Потерянные файлы). 
От выбора пункта в этом списке зависит остальное содержание диа- 
логового окна. 


Если выбрать раздел, отвечающий за разорванные связи (рис. 2.21), 
то в средней части окна показываются файлы узла вместе с разорван- 
ными связями. Исправить ошибку можно непосредственно в окне пк 
Спескег (Проверка ссылок) (щелчок по имени ссылки делает ее доступ- 
ной для редактирования) или в окне документа. Двойной щелчок на 
значке файла запускает программу Огеатмеауег, загружает в нее до- 
кумент и выбирает источник дефектной ссылки: текст или рисунок. 
Информация, которую программа сообщает о потерянных файлах, 
ограничивается только их названиями. Двойной щелчок на значке 
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2. Создание ммеь-узла 


или. сме у. сот 
Петр/аез/ач.д\А 
Петр!&е5$/а4.4м 
1. 4т#а$9 

_10р9 

_10.рд 


млм. ана. ги 
Али. омуе Пу. сот 
12-4.си 

{5 оймаге/ 
/5ирроп/ 


Рис. 2.21. Отчет о проверке иелостности связей 


файла запускает приложение, связанное в операционной системе 
У "паои5$ с файлами данного типа, и загружает файл в эту программу. 


» Кнопка Зауе (Сохранить) сохраняет сводку результатов проверки в 


текстовом файле. 


локальной версии узла, так и к версии, расположенной на удаленном 
сервере. 


2.7. Тестирование на совместимость 


Программа Огеатмеауег не накладывает почти никаких ограничений на сво- 
боду самовыражения дизайнера и программиста. Автор волен создать про- 
стой гипертекстовый документ, ограничиваясь вставками рисунков и ре- 
гулярных таблиц. При необходимости он может использовать весь арсенал 
изобразительных средств и инструментов, которым располагает язык ги- 
пертекстовой разметки документов четвертой версии (НТМГ 4.0). Работая 
со слоями, таблицами стилей и т. п., не следует забывать, что еще не вышли 
из обращения старые версии броузеров, которые не поддерживают многие 


новации последних спецификаций языка НТМЕ. 
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2.7. Тестирование на совместимость 


5 Огеапиеауег Тагде! Вгомзег Свеск 03- Ари -2001 21 01 25 РН Московское время (лето) 


т еоропе у ие Гог Фе а ангие обще ау Тао. 
№Мсгозой Пуегпе! Ехр[огег 4.0 


11пе 095 — <Фу аПел=" диву" > 
а1з0 11пез 237, 261 


Етгог Гре Взрасе ацирие о{ \е 'Тае аа 15 по! зирро!е4. 
Асгозой Пиегие Ехр1огег 4.9 
11пе 71 «чае 146 =" 700" Бог4ег="0" уайол="БоНошт" сеПраддте="0" 
се]5расште="0" узрасе="0" п5расе="0" аПеп="сешег"> 


а1зо 11пез 87 
Еггог Гъе хай эл аниме оРФе Та е Гая 15 по! зпрройе4. 
МпсгозойЙ Пиегие! Ехр]1огег 4.0 


14пе 71  «4аЫе м1 40-700" Богдег="0" уайол="БоНошт" сеПра#4дте="0" 
се15расше="0" узрасе="0" |5расе="0" айэл="сещег"> 


Рис. 2.22. Отчет о проверке на совместимость 


Программа Огеатмеауег имеет специальную команду проверки совмести- 
мости со старыми версиями программ просмотра. Такую проверку можно 
применять к отдельным документам, части проекта, расположенной в пре- 
делах папки, и ко всему проекту. 


1. Откройте окно Диспетчера узла и загрузите в него нужный сайт. 


2. Сохраните документы, поскольку проверяются только последние со- 
° храненные версии. 


Выберите папку или несколько файлов на правой панели диспетчера узла. 


Дайте команду Ее » Спеск Тагде* Вгомизег$ (Файл » Проверить на совмести- 
мость с броузерами). На экране появится одноименное диалоговое окно. 


5. Выберите броузеры, на совместимость с которыми следует проверить 
документы. Разрешается выбрать несколько программ. Для группово- 
го выбора надо удерживать нажатыми клавиши СТВЕ или ЗНЕТ. 


6. Шелкните на кнопке Спеск (Проверить). 
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Результаты проверки на совместимость программа записывает в виде файла 
НТМЕ и выводит на экран в той программе просмотра, которая установлена 
на компьютере как броузер, используемый по умолчанию. 


2.3. Просмотр в броузерах 


Программа Огеатмеауег относится к классу визуальных редакторов НТМЕ. 
Такие программы принято обозначать очень громоздкой, но получившей 
признание аббревиатурой ИУ5ГИУС, что можно приблизительно перевести 
как «что видишь, то и получишь». Вместо трудоемких и требующих зна- 
ния языковых конструкций операций кодирования пользователь визуаль- 
ного редактора выполняет операции над текстовыми или графическими 
объектами и их форматирование. Он оперирует в отчасти знакомой рабо- 
чей среде, которая многими элементами управления и приемами работы 
напоминает широко распространенные офисные программы и текстовые 
редакторы. 


При визуализации страниц НТМЕ программа Огеатмеауег использует очень 

мало упрощающих соглашений. Он показывает гипертекстовые докумен- 

ты в виде, который очень близок к натуральному изображению. Тем не ме- 

нее, увидеть страницу без искажений и упрощений можно только в специ- 
альных программах просмотра. 


1. Для просмотра страницы в броузере надо дать команду Ейе » Ргемеми т 
Вгомизег (Файл » Просмотр в броузере). 


2. Выберите броузер в открывшемся меню. 


Эта команда присутствует и в окне документа, и в окне Диспетчера узла. Ей 
соответствуют две клавиатурные комбинации. Для вызова основного бро- 
узера служит клавиша [Е12, для вызова вспомогательного — СТК-+Е12. 


Настройка параметров программ просмотра и выбора основного и вспомо- 
гательного броузеров выполняется следующим образом. 


1. Дайте команду Ее » Ргемеми т Вгомизег »> Еай Вго\мизегз [151 (Файл » Про- 
смотр в броузере » Изменить список броузеров) или команду Еа# » Рге{егепсе$ 
(Правка » Настройки). В любом случае на экране появится диалоговое 
окно Рге{егепсез$ (Настройки). 


2. Выполните все необходимые настройки в этом диалоговом окне и вве- 
дите их в действие щелчком на кнопке ОК. 


Рассмотрим эти настройки (рис. 2.23): 
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2.8. Просмотр в броузерах 


| Соде Со|ог$ 
| Соде Рогтах — 
|Соде Ве па ехр!юие Е12 

]С5$ ЗЫез ЕТЗСАРЕ 475 _СИЕ!?2 
Ее Турез / Ечйогз я 
1Роп& / Епсобт9 


ие Е!етеп{$ 
ТТ ауегз 
-Гауси Мем 


Рис. 2.23. Выбор программ просмотра 


® кнопка со знаком + позволяет добавить новый броузер в список заре- 
гистрированных программ просмотра; 


® кнопка со знаком — удаляет выбранный броузер из списка; 


® кнопка ЕаИ (Изменить) позволяет изменить параметры зарегистриро- 
ванного броузера; 


® флажок Ритагу Вго\мизег (Первичный броузер) делает выбранную в списке 
программу просмотра первичным броузером (напомним, что он вы- 
зывается по нажатию клавиши ЕЁ 12); 


» флажок Зесопдагу Вгомизег (Вторичный броузер) выбирает вторичный 
броузер, который вызывается при помощи комбинации клавиш 
СТВЕ-Е12; 


» флажок Ргемем Узта Госа! Зегуег (Просмотр на локальном сервере) задает 
или снимает режим просмотра страниц с помощью локального серве- 
ра. Все необходимое серверное программное обеспечение должно быть 
заранее установлено на локальный компьютер. 
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3. Работа с НТМЕ 


Многие разработчики визуальных редакторов НТМЕ говорят о том, что 
пользователи программных продуктов данного класса избавлены от необ- 
ходимости работать с кодами разметки и что в режиме УУ5ЦУУС можно 
создавать гипертекстовые документы любой сложности, не зная конструк- 
ций и правил языка НТМГ. Это отчасти рекламное утверждение оказыва- 
ется справедливым далеко не всегда. Авторы программы Огеат\меауег в наи- 
большей степени преуспели в решении этой сверхзадачи. Программа рас- 
полагает арсеналом средств визуального проектирования, достаточным 
для того, чтобы сверстать гипертекстовую страничку средней сложности, 
не прибегая к ручному кодированию и работе с Инспектором кода. 


Кодирование нельзя рассматривать как неизбежное зло. Многие операции 
редактирования и тонкой настройки гипертекстовых документов можно 
выполнить только при помощи прямой работы с дескрипторами НТМЕ. 


3.1. Язык НТМЕ 


Самое короткое и точное истолкование назначения языка НТМЕ заключа- 
ется в дословном переводе его названия: язык гипертекстовой разметки 
(Нуре’Теж Маткир Гапвиаве). Это не язык программирования и не комму- 
никативное средство, а набор инструкций или предписаний, которые зада- 
ют способ представления текста и импортированных объектов на экране 
монитора. Элементы языка принято называть дескрипторами или тегами, 
от английского {ав (ярлык, метка и пр.). Для записи дескрипторов исполь- 
зуются символы первой половины кодовой таблицы, так называемые сим- 
волы А5СИ, поэтому разметку любого гипертекстового документа можно 
выполнить в любом простом текстовом редакторе — для этого достаточно 
даже возможностей реликтовой программы Блокнот. 


Язык гипертекстовой разметки — это один из краеугольных камней Иона 
УПае \еБ — самой представительной и стремительно развивающейся от- 
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расли всемирной Сети. На русском языке вышло множество изданий, в 
которых синтаксис языка описан достаточно подробно. Напомним лишь 
основные правила создания гипертекстовых документов. 


Подобно знакам редакторской правки коды языка НТМЁ являются частью 
текстового массива документа. Различают одиночные и парные дескрип- 
торы, которые иногда называют контейнерами. Чтобы разделить содержи- 
мое документа и его разметку, коды языка НТМЕ записываются в угловых 
скобках, например <Ыг> или <р>. Контейнер представляет собой дескрип- 
торную пару, которая состоит из открывающего (начального) и закрываю- 
щего (конечного) дескрипторов. Подобные пары записываются в виде <{ад> 
< /4ад> и переносят свое значение на фрагмент документа, заключенный 
между ними. По сути дела, контейнер представляет собой своеобразные 
скобки, придающие заданное отличие своему содержимому по статусу или 
формату. 

Одиночный дескриптор по своему принципу действия больше похож на 
знак препинания. Он не имеет закрывающего тега и привязан к положе- 
нию в документе, а не кего содержимому. Например, дескриптор <Вг> со- 
здает горизонтальную линию, а <Ы> — обрывает текстовую строчку. Од- 
ним из самых важных одиночных дескрипторов является <!та> — специ- 
альный код, который помечает позицию вставки изображения и указывает 
его расположение. 


Любой язык представляет собой избыточную конструкцию. В самом деле, 
по правилам русского языка конец предложения помечается точкой, про- 
белом и заглавной буквой первого слова следующего предложения. Чтобы 
справиться с поставленной задачей, достаточно одного из этих соглаше- 
ний. Формальные лингвистические системы, используемые в программи- 
ровании и создании гипертекстов, также обладают некоторым запасом вы- 
разительных средств. 


Избыточность НТМЕ позволяет записывать некоторые дескрипторы-кон- 
тейнеры как одиночные: Например, дескриптор <р>, разделяющий тексто- 
вый массив на абзацы, по своей формальной спецификации является кон- 
тейнером. Но поскольку конец одного абзаца — это начало другого фраг- 
мента документа (абзаца, таблицы и пр.), то закрывающий тег </р> можно 
опустить. 


Если создать в программе Огеатмеауег новый документ на основе шаблона, 
принятого по умолчанию, то его код будет выглядеть так же, как на следу- 
ющем листинге. Это гипертекстовая разметка самой простой, то есть со- 
вершенно пустой страницы. 
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<А!т[> 


<Кеад> 
<Не>Ипеа ПРоситет!</Не> 


<тею ПНр-едим="СотепЕТуре" сомеп=Чех!/|!т!; сбагзе=зо-8859-1"> 
</Кеаа> 


<боау Басоог="ЯЕЕЕЕЕЕ "> 


</Боау> 
</Ннт> 


Дескриптор <в1т!> обозначает границы гипертекстового документа. Сам 
документ разделен на две части: раздел заголовков и тело. Раздел заголов- 
ков — это фрагмент кода, заключенный между дескрипторами <Неад> и < /неаа>. 
Здесь обычно записывается важная служебная информация о странице: 
название, вид кодировки, параметры фона и многое другое. Раздел заго- 
ловков не отображается на экране монитора непосредственно, хотя и ока- 
зывает существенное влияние на это процесс. 


Тело документа — это та часть кода, которая расположена в обрамлении 
дескрипторной пары <Боду> и < /боду>. Это самая важная часть документа; 
она хранит, как принято сейчас выражаться в кругах продвинутой публи- 
ки в Интернете, контент: текст, рисунки, анимацию, таблицы, ссылки и пр. 


Программа Огеатмеауег разрешает не включать в состав документа вне- 

шние дескрипторные скобки. Отсутствие тегов <Вт(> </Нт(> или од- 
ного из них не рассматривается как ошибка. Современные программы 
просмотра, по крайней мере последние версии броузеров Тп{егпе{ 
Ехр(огег и №её5саре Мам1да{ог, корректно читают такие странички. Одна- 
ко многие текстовые редакторы или почтовые программы могут принять 
документ без открывающего и закрывающего дескрипторов за тексто- 
вый или неправильно интерпретировать его разметку. 


Содержимое дескриптора <1е> представляет собой официальное назва- 
ние гипертекстового документа. При просмотре документа в броузере этот 
текст отображается в строке заголовка программы. Он не только дает 
пользователю информацию о предполагаемой теме, направлении и содер- 
жании документа, но и используется многими поисковыми программами 
как основание для индексации и рубрикации страничек. 
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3.1. Язык НТМЕ 


Атрибут свагзе{ дескриптора <те!а> отвечает за выбор кодировки докумен- 
та. Принятый по умолчанию кодовый набор (1зо-8859-1) не подходит для 
работы с текстами на русском языке. Для публикации документа в русской 
части сети Интернет следует выбрать одну из четырех кодировок, которые 
поддерживают символы кириллицы. 


Атрибут Басо!ог дескриптора <Боду> задает цвет фона страницы. Для доку- 
мента, созданного на основе шаблона по умолчанию, в качестве базового 
цвета принимается белый (шестнадцатеричное значение #РЕЕЕЕЕР). 


Правила ввода дескрипторов 


Прямой ввод кодов разметки разрешается выполнять в специальном ре- 
жиме отображения документа, в котором программа выводит на экран со- 
держимое страницы вместе со всеми дескрипторами. Для перехода в этот 
режим программа предлагает несколько способов. Напомним некоторые 
ИЗ НИХ. 


® Откройте Инспектор кода при помощи команды \\/Итадом/ » Соде |пзрес1ог 
(Окно » Инспектор кода). Кроме того, эту палитру можно вывести на 
экран при помощи клавиши Е10, щелчком на кнопке с изображением 
угловых скобок на панели быстрого запуска или щелчком на такой 
же кнопке палитры быстрого запуска. 


» Перейдите в режим отображения кодов щелчком на кнопке Соде МУ ем 
(Режим разметки) в левой части панели инструментов. 


е Разделите окно документа на две части щелчком на кнопке Соде апа 
Оез!ап М!еми (Режим разметки и планировки), второй слева на панели ин- 
струментов. 


Приведем несколько простых правил ввода дескрипторов на примере Инс- 
пектора кода. 


В Инспекторе кода отображается код текущего документа. Многие дескрип- 
торы, используемые для разметки, имеют индивидуальную расцветку. Цве- 
та дескрипторов входят в основные настройки программы и допускают из- 
менение по выбору пользователя. Редактирование кода считается закон- 
ченным, а сделанные изменения переносятся в основной документ после 
снятия активности с окна Инспектора кода. Проще всего для этого щелкнуть 
мышкой на любой точке основного окна документа. 


Кроме того, есть специальная команда внесения в документ правок исход- 
ного текста. Для этого достаточно нажать клавишу Е5 или дать команду М!ем »> 
ВегезН Оездп Меми (Вид » Обновить). 
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3. Работа с ТМ 


Любые содержательные изменения, а также команды форматирования и 
вставки, выполненные в режиме планировки страницы, немедленно пере- 
носятся в окно Инспектора кода. Сказанное относится и к выбору — выделе- 
ние текстового фрагмента или объекта одновременно отображается в обо- 
их окнах. 


Программа Огеатмеауег следует принятому в языке НТМЕ соглашению, со- 
гласно которому синтаксически правильные, но неизвестные программе 
дескрипторы игнорируются. Некорректная разметка и части кода, которые 
программа не смогла разобрать, помечаются желтым цветом. Все исправ- 
ления возлагаются на пользователя, автоматическая корректировка не при- 
меняется. 


Если выбрать дефектную часть кода, помеченную желтым цветом, то в окне 
Инспектора свойств можно прочитать претензии синтаксического анализа- 
тора и рекомендации по исправлению возможной ошибки. 


История языка гипертекстовой разметки сравнительна коротка. Может 
быть, поэтому некоторые его правила и языковые конструкции выглядят 
недостаточно сбалансированными. Правила НТМГ жестко регламентиру- 
ют применение одних средств и дают неоправданно большую свободу в 
использовании других. Рассмотрим базовые правила ввода гипертексто- 
вых документов. 


Толкование, или, как говорят, интерпретация документа НТМЕ выполня- 
ется на основе алгоритмов синтаксического разбора текста и кодов разметки. 
Программа обнаруживает и выполняет все команды и декларации форма- 
тирования документа только по расположению дескрипторов. Для правиль- 
ного синтаксического разбора не требуется разделять элементы разметки 
пробелами, символами перехода на новую строку или пустыми строками. 
Интерпретатор языка НТМЕ рассматривает гипертекстовый документ как 
одну длинную строчку, состоящую из литер и спецсимволов. Все стандарт- 
ные разделители, унаследованные от эпохи пишущих машинок и скорос- 
шивателей, просто игнорируются. 


Чтобы придать гипертекстовому документу хорошо обозримый структури- 
рованный вид, пользователь может вставлять между дескрипторами пустые 
строчки, пробелы и символы конца абзаца (ЕМТЕК) и перехода на новую 
строку (ЗНЕТ+ЕМТЕВ). 


Следующие два фрагмента показывают разные способы оформления одного 
и того же гипертекстового документа. Первый фрагмент содержит отступы 
и пустые строки. Эти необязательные элементы подчеркивают структуру 
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документа, соподчиненность разделов и облегчают восприятие документа 
человеком. 


<рнт> 
<Веа4> 
<ННе>Огеат\миеауег</+ННе> 


<теа сВагзе="и/ипаоми5-1251"> 


</Веаа> 


<Боау> 


<р>Правила ввода кода НТМ!</р> 


</Боау> 
</№т]> 


В следующем примере все языковые конструкции набраны в одну строку, 
что не влияет на отображение документа в программах просмотра. 


<Мт[><Кеаа><ННе>Огеатмеауег</!Ше><теа спагзе!=митаомиз-1251"></Веад> 
<Боду><р>Правила набора кода НТМ!</р></боау></Мт|> 


Дескрипторы НТМЕ не зависят от регистра; они могут быть записаны про- 
писными или строчными буквами. Допускается смешение регистров в пре- 
делах одного дескриптора и документа. 


Имя дескриптора можно отделить пробелами от закрывающей угловой 
скобки. Между открывающей скобкой и именем дескриптора пробелы не- 
допустимы. Многие параметры дескрипторов языка НТМЕ записываются 
при помощи знака равенства. Стандарт языка допускает использование 
пробелов с обеих сторон этого спецсимвола, но самые ранние версии броу- 
зеров некорректно обрабатывают такие конструкции. Поэтому лучше ими 
не пользоваться. 


Программа без комментариев становится непонятной ее автору сразу после 
завершения отладки. Неписаные стандарты программирования рекомен- 
дуют помещать одну строку комментария примерно на каждые десять строк 
программного кода. В языке НТМЕ нет таких абстрактных и сложных для 
восприятия конструкций какими, например, обладает язык С++. Коды раз- 
метки привязаны к содержимому документа и поэтому часто обладают свой- 
ством, которое программисты называют самодокументируемостью, то есть 
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3. Работа с НТМЕ 


они свидетельствует о себе без дополнительных комментариев. Тем не ме- 
нее, при создании сложных гипертекстовых документов с большим коли- 
чеством скриптов, форм, таблиц и внедренных объектов бывает трудно ра- 
зобраться в источнике кода без дополнительных пояснений. 


Комментарии в языке НТМЕ. записываются в виде: 


<|-- Текст комментария --> 


Они видны только в режиме отображения кода; программы просмотра не 
обрабатывают последовательности символов, заключенные в такие скобки, 
и не отображают их на экране. 


Для вставки комментария можно воспользоваться командой я Гизе > 
ттт е Тад$ > Соттепе (Вставка » Скрытые коды > Комментарий). 


Работа с экспресс-редактором 


Основной объем работы по разметке гипертекстового документа обычно 
выполняется средствами графической оболочки программы или при по- 
мощи Инспектора кода. Для тонкой, локальной настройки лучше использо- 
вать специальный экспресс-редактор кодов, встроенный в оболочку про- 
граммы. В документации на программу он называется Ошск Тад ЕаКог (Экс- 
пресс-редактор). Это удобное оперативное средство впервые появилось в тре- 
тьей версии программы, откуда почти без изменений перекочевало в ее чет- 
вертое издание. 


Вызвать экспресс-редактор можно несколькими способами: 
» дайте команду МоаНу » Ошск Тад ЕдКог (Изменить » Экспресс-редактор); 
е нажмите комбинацию клавиш СТКЕ+Т: 


® вызовите редактор при помощи Инспектора свойств. Для этого щелк- 
ните на кнопке с изображением карандаша, расположенной в правой 
части палитры Инспектора свойств. 


Редактор работает в трех режимах, имеющих незначительные отличия по 
технике и тактике использования. 


® |пзег{ Тад (Вставка кода). Размещает выбранный дескриптор в позиции 
текстового курсора. 


® ЕСИ Тад (Редактирование кода). Редактирует существующий дескриптор. 


® \\/гарТад (Замыкание кода). Заключает выбранный фрагмент документа 
в заданный контейнер. 
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Рис. 3.1. Экспресс-редактор в режиме вставки кодов 


Используемый режим зависит от текущего выбора. Если на странице нет 
выбранных объектов, то редактор работает в режиме вставки. Он разрешает 
поместить в позицию текстового курсора любой дескриптор, как стандарт- 
ный, входящий в спецификацию языка НТМЕ, так и нестандартный или 
специальный код разметки языков ХМЁ, СЕЁМЕ и др. 


Если выбран однородный текстовый фрагмент или неформатированный 
набор символов, то выбирается режим замыкания кода. В этом случае редак- 
тор заключает выбранную часть документа в заданные дескрипторные скобки. 
Причем достаточно ввести только открывающий дескриптор — замыкание 


программа выполнит самостоятельно. 


в режиме з замыкания ; разрешается 3 работать С ` любыми. ескрипторами. 
Система Огеатмеауег принимает и корректно обрабатывает даже коды, 
не входящие в спецификации наиболее распространенных языков ги- 
пертекстовой разметки. 


Чтобы использовать редактор для редактирования кодов, требуется выб- 
рать дескриптор вместе со всем его содержимым. Для этого лучше всего 
воспользоваться селектором разметки. Напомним, что это средство управ- 
ления расположено в левой части строки состояния и является лучшим 
инструментом выбора кодов разметки. Возможен и более громоздкий путь: 
переход в режим отображения источника, выбор дескриптора и обратный 


переход к планировке страницы. 


Программа  геаттмиеауег, в В принципе, разрешает в вызывать ъ экспресс- редак- 
тор в режиме отображения кодов, но подобный стиль работы столь же 
логичен, как прием пищи китайскими палочками за по-европейски сер- 
вированн няются в визуальном режиме, когда программа выводит на эк- 
ран планировку страницы. 
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Каким же образом вводятся дескрипторы в экспресс-редакторе? Код раз- 
метки вместе с надлежащими атрибутами можно просто ввести с клавиа- 
туры. Если выдержать определенную паузу и не торопиться со вводом, то 
программа откроет меню, в котором представлены все коды разметки и их 
атрибуты, актуальные в данной ситуации. Остается только пролистать спи- 
сок и выбрать нужный пункт. 


Приведем основные правила обращения с этим списком: 
» для перемещения по списку служат курсорные клавиши; 


»® выбор пунктов выполняется двойным щелчком мыши или нажатием 
клавиши ЕМТЕК; 


»е отказ от выбора осуществляется нажатием клавиши Е$С. 


Содержимое списка можно редактировать. Оно хранится в файле 
ТадАииьие $1. 4х, расположенном в папке Огеатмиеауег\ СопНдигайопт. Это 
обычный текстовый файл, который можно открыть и отредактировать в 
любом текстовом редакторе, например в программе Блокнот. Этот файл — 
не просто перечисление тегов и атрибутов. Он заполняется по строгим, хотя 
и простым правилам, разобраться в которых вполне по силам пользователю 
средней квалификации. Подробнее о работе с конфигурационными фай- 
лами говорится в главе, посвященной настройкам программы. 


В режиме вставки КОДОВ редактор разрешает задавать текстовое напол- 
нение некоторых дескрипторов. После задания кода разметки надо про- 
сто нажать клавишу ВПРАВО и ввести необходимую текстовую строку. 


Поведение экспресс-редактора допускает определенную настройку. Оно 
зависит от двух флажков, расположенных в категории Чшск Тад ЕЧ\ог 
(Экспресс- редактор) диалогового окна РтеГегепсе$ (Настройки). 


® Арру СНапде$ |ттеа4еу \У/П!Ие АННО (Применять внесенные изменения не- 
медленно). Если этот флажок установлен, внесенные изменения можно 
передать в документ, не заканчивая работу с экспресс-редактором. Для 
этого достаточно нажать клавишу ТАВ или ЗНЕТ+ТАВ. Это соглаше- 
ние действует только при редактировании дескрипторов в режиме Еаи 
Тад (Редактирование кода). В режимах вставки и замыкания изменения 
переносятся в документ по нажатию клавиши ЕМТЕК. 


® ЕпаЫе Тад Нт{$ (Включить контекстный список дескрипторов и атрибутов). 
Этот флажок управляет выводом контекстного выпадающего меню. 
Выставить требуемую задержку перед появлением этого меню мож- 
но при помощи интерактивного движка. 
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Последовательное нажатие комбинации клавиш СТКЬ+Т выполняет цик- 
лическое ‚ переключение режимов экспресс- редактора. 


Справочная панель 


Справочная панель ( Ке{егепсе рапе!) — это весьма удачное нововведение чет- 
вертой версии программы. Она представляет собой электронное справоч- 
ное руководство по основным средствам создания гипертекстовых доку- 
ментов: дескрипторам языка НТМЕ и ихатрибутам, таблицам стилей (С55) 
и языку /аса5стре. Руководство лицензировано фирмой Мастотефа у все- 
мирно известного издательства О’КеайЙу &7 А5зосайе$. В его основу положена 
хорошо зарекомендовавшая себя серия справочных пособий по \ТеБ-дизай- 
ну и программированию; в их число входит фундаментальное руководство 
(Раппу Сооатап «Рупапис НТМГ: Тре Оейтиое КВеГетепсе»), посвященное 
языку НТМЕ. 


| у НТМЕ Негетепсе 


< /Р — па ад:  рвопа! 


1 А реетепЕ дейпе$ а рагадгарН эгисвига! еетепЕ т а 

| Чоситепе. УЛ НТМЬЕ 4.0, 1е р @етепе {5 югтаЙу а ЫосскК-еуе! 
| @етепЕ, “СВ теапз Ша соп(епЕ ога Р еетепЕ Бедт$ оп #5 
| оп пе, апд сотепЕ ЮНоз/та Ше р еетепЕ збаг$ оп Ц омп 

| Нпе. № оПег Ыоск-еуе! еетеп&$ тау Бе пее4 тя4е а Р 

| @етепЕ. Г! уоц от Ве епа $29, Ме ветепЕ епа$ а Ме пех 

| Боск-1еуе[ @етепЕ зваг вад. 


Тре павиге ог 4е Р в@етепЕ Ваз сВапде4 оуег Чте. Тп еаПу 
| ниретегбаНопз$ оЁ НТМЕ, Фе еетепЕ гергезегие4 опу а 


| рагадгарН БгеаК (а пем те ИН зоте ехга те раста). 
| Мегяоп 4 Бгомзег геп4ег Р е@етепё5 т а ВуБМа мау зисН На 


Рис. 3.2. Справочная панель 
Самый удобный способ использования справочной панели следующий. 


1. Перейдите в режим отображения кода и выберите элемент гипертек- 
стовой разметки документа (дескриптор, атрибут и пр.) или оператор 
языка Гача5спре. 


2. Выведите на экран справочную палитру. Для этого можно воспользо- 
ваться командой \\пдо\ » Кеегепсе (Окно » Справочник), комбинацией 
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клавиш СТКЕ+$НЕТ+Е1 или просто щелкнуть мышкой на кнопке панели 
инструментов с изображением вопросительного знака в угловых скоб- 
ках. 


В результате на справочную панель выводится описание выбранного эле- 
мента, примеры его использования, информация о совместимости с броу- 
зерами и сведения о поддержке в различных версиях языка НТМЕ. Список 
ОезсирНоп (Описание) содержит перечень всех атрибутов, применимых к 
данному дескриптору; для функций и операторов языка Лаоазспре выво- 
дится перечень допустимых параметров. 


Размер шрифта справочной панели можно менять. Щелчком на кнопке 
треугольной формы, расположенной в северо-восточной части панели, от- 
крывается меню с тремя стандартными размерами шрифта: Гагде Рог! (Круп- 
ный шрифт), Мед!ит Рог (Средний шрифт), Зта! Роп+ (Мелкий шрифт). 


Повторное использование кода 


Одной из многочисленных привлекательных особенностей программы яв- 
ляется ее строгое обращение с кодами разметки. По сравнению с другими 
визуальными редакторами система Огеат\уеауег весьма экономно исполь- 
зует средства гипертекстовой разметки, поэтому код, который она порож- 
дает, является точным и лаконичным. Кроме того, программа толерантна к 
разметке, созданной другими редакторами НТМГ. Документы с избыточ- 
ным, громоздким форматированием можно импортировать в пакет 
Огеатмеауег с минимальными потерями и искажениями. При этом будут 
сохранены даже нестандартные дескрипторы, например конструкции языка 
Со4АРияоп Матвир Гапйиаее и коды, незнакомые программе. 


Перечислим основные соглашения, которые используются в программе по 
умолчанию при обмене гипертекстовыми документами. 


е Исправление неправильно вложенных дескрипторов. Например, 
фрагмент <6Б><!>Текст</6>< /1> превратится в <Ь> <!>Текст< /1></Б>. 


» Закрытие открытых тегов, если этого требует спецификация языка. 
» Удаление избыточных закрывающих дескрипторов. 


® Все неизвестные или нераспознанные коды разметки программа ос- 
тавляет без изменений. В их число входят дескрипторы языка ХМЁ 
(Емепаеа МагРир Гапгиаве), теги СЕМГ (Со4Еия1юоп Матвир Гапвиаве), 
коды А5Р (АсНое Эетоет Равех) и пр. 
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Если включен режим подсветки некорректных языковых конструкций, то 
программа помечает все такие фрагменты кода желтым цветом. Если выб- 
рать ошибочный код, то на панели Инспектора свойств выводится сообщение 
об ошибке и рекомендации по ее исправлению. Подсветку ошибок можно 
ОТКЛЮЧИТЬ. 


1. Перейдите в режим отображения кода страницы (вызовите Инспектор 
кода или включите соответствующий режим в окне документа). 


2. Щелчком правой кнопки мыши откройте контекстное меню панели 
инструментов. 


3. Сбросьте флажок меню Нюпйани Ипуайа НТМЕ (Выделять ошибочные е коды). 


В режиме отображения планировки траницы программа г всегда поме- 
чает неправильные конструкции языка } ИТМЕ. 


Фильтрация кодов 


Если в процессе создания гипертекстового документа дизайнер не пользо- 
вался средствами, предоставляющими прямой доступ к кодам НТМЬ, а огра- 
ничился инструментами визуального проектирования и работой в режиме 
планировки страницы, то прибегать к очистке кодов, скорее всего, не при- 
дется. Система Огеатмеауег неукоснительно воплотит в жизнь все директи- 
вы пользователя и построит полную и неизбыточную разметку. Одной из 
немногих проблем является порождение лишних дескрипторов <!юп+>, как, 
например, в следующем фрагменте: 


<юп! юсе="Апа"><юп! ухе="4"><Юп! Соог='еа">Форматированный текст</юп!> 
</юЮп></ЮпЕ> 


Подобная расточительность неизбежна при создании сложных докумен- 
тов; она является следствием многократного применения операций фор- 
матирования. 


Обмены страницами с другими редакторами НТМЕ или прямое ручное коди- 
рование могут служить причиной появления неоптимальных фрагментов 
кода — избыточной или некорректной разметки. 


Программа располагает специальными инструментами для очистки исход- 
ного текста страницы. Это команды штучного применения — они работают 
только с отдельными страницами и не могут быть применены ко всему 
сайту. 


Фильтрация разметки выполняется следующим образом. 
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1. Откройте гипертекстовый документ. 


2. Дайте команду Соттапа$ » С!еап Ур НТМЕ (Команды » Очистить разметку). 
Появится диалоговое окно, показанное на рис. 3.3. 


3. Настройте параметры фильтрации и запустите процедуру щелчком на 
кнопке ОК. 


Рис. 3.3. Фильтрация кодов разметки 


Рассмотрим настройки команды фильтрации. 


® Кето\е Етриу Тад (Удалить пустые дескрипторы). Если этот флажок уста- 
новлен, программа удаляет коды, которые не содержат текста между 
открывающим и закрывающим дескрипторами. Так, подлежит ликви- 
дации кодовый фрагмент <5></ъ5>. 


® Кетоуе Кедипдап" М№ез{еа Тад (Удалить избыточные дескрипторы). Этот фла- 
жок позволяет ликвидировать избыточные вложенные коды. Напри- 
мер, при обработке фрагмента <!>Курсивный <!>текст< /1>< /1> внут- 
ренняя пара дескрипторных скобок удаляется. 


® Кетоуе Моп-Огеатмеауег НТМЕ Соттеп{$ (Удалить комментарии сторонних 
программ). Убирает комментарии, вставленные в документ любыми 
программами, кроме Огеатмеауег. 


® КРетоуе Огеатмеауег НТМЕ Соттеп{$ (Удалить комментарии Огеат\меауег). 
Ликвидирует все комментарии редактора. 


® Кетоуе Зрес!#с Тад($) (Удалить указанные дескрипторы). Изымает из кода 
разметки все дескрипторы указанного вида. Образец вводится в тек- 
стовое поле, расположенное справа от флажка. Для удаления несколь- 
ких дескрипторов следует записать образцы, разделяя их запятыми, 
например: Ышк, Топ\. 
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® СотЬпе М№ез${еа <!оп{> Тад$ мПеп Розз1Ые (Объединить, если возможно, вло- 
женные дескрипторы <юп{>). Этот флажок отвечает за консолидацию 
множественных вложенных дескрипторов форматирования шрифтов. 
Так, фрагмент, приведенный в начале раздела, после обработки ко- 
мандой фильтрации будет представлен в следующем виде: 


<юп! асе="Апа|" чхе="4" Соог=“теа">Форматированный текст</ЮпЁ> 


® Зпом [од оп Сотрейоп (Показать протокол после выполнения команды). 
Выводит диалоговое окно, в котором представлен подробный отчет о 
выполненной фильтрации. 


Фильтрация кодов М!сго$014 Мога 


Программа Огеатмеауег может открывать и импортировать документы, со- 
зданные в популярном текстовом редакторе Мсгозой М/ога и сохраненные 
как файлы НТМЕ. С ростом сети Интернет подобный стиль работы стано- 
вится все более популярным. Многие пользователи, не являющиеся про- 
фессионалами в \е-дизайне, используют хорошо освоенное средство со- 
здания печатных документов для верстки простых страниц НТМГ. Платой 
за простоту и удобство работы является неэффективный и избыточный код, 
который порождает редактор М@астозо# Уота. 


Выполнить его фильтрацию в программе Огеатмеауег можно двумя разными 
способами, которые немного отличаются по технике исполнения, но дают 
одинаковые результаты. 


® Откройте файл с расширением .НТМ, созданный в редакторе Мсгозон 
М/ога. Для этого дайте команду Ее » |трог" »> |трог( У/ога НТМЕ (Файл > 
Импорт » Импорт кода НТМЕ из редактора \/ога). Появится стандартное 
диалоговое окно, в котором надо найти и выбрать нужный документ 
НТМЕ. После некоторой паузы, связанной с определением версии 
текстового редактора, программа Огеатмеауег начнет фильтрацию. Ее 
настройки задаются в диалоговом окне С!еап Ур НТМЕ \У/ога Ейе (Очистка 
файла НТМЕ из редактора \М\ога), показанном на рис. 3.4. 


® Любой гипертекстовый документ, в том числе и файл, созданный в 
МсгозоН М/ога, можно просто открыть в программе. Для этого следует 
воспользоваться стандартной командой Ее » Ореп (Файл » Открыть). 
В этом случае он обрабатывается программой Огеатмеауег как файл 
собственного производства и не подвергается фильтрации. После это- 
го надо дать команду Соттапа$ » Сеап Ир М/ога НТМЕ (Команды >» Очис- 
тить файл НТМЁ редактора \\ога). На этом все различия в технике ис- 
полнения фильтрации заканчиваются. 
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3. Работа с НТМЕ 


СЧеапй Цр \Уога НТМЕ 


Рис. 3.4. Настройка фильтрации гипертекстовых документов, 
созданных в М5 Тота 


Рассмотрим многочисленные настройки диалогового окна Сеап Ур НТМЕ 
У!ога ЕЙе (Очистка файла НТМЕЁ из редактора М/ога). 


Настройки вкладки Вазс (Основные). 
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Вето\уе а! М/огд-зрес#с тагКир (Удалить специфическую разметку). Удале- 
ние всех нестандартных дескрипторов, которые создает редактор \\ога. 
В их число входят коды языка ХМ, условные дескрипторы и др. 


Сеап ир С$$ (Очистка стилей). Удаление нестандартных деклараций (55, 
созданных текстовым редактором. 


Сеап ир <!юп{> {ад$ (Очистка дескрипторов <юп{>). Удаление тегов вида 
<оп{ $12е=2>. 


Ех туаНо!у пез{ед {ад$ (Коррекция неверно вложенных дескрипторов). Уда- 
ление дескрипторов шрифтового форматирования, окружающих аб- 
зацы. 


Зе+ Баскагоипа со!ог (Задать фоновый цвет). Задание цвета фона для все- 
го документа, что в редакторе \Мога не используется. По умолчанию 
устанавливается белый цвет фона #ЕЕЕЕЕЕ. 


Арру зоигсе {огта та (Форматирование исходного текста). Применение к 
импортированному документу форматирования, правила которого 
указаны в файле ЗоигсеРогта{. 1. 


3.1. Язык НТМЕ 


Зпоми 09 оп сотр!еНоп (Выдать отчет по завершении). Вывод на экран про- 
токола о работе команды фильтрации. 


Настройки раздела Бе{айед (Подробные) соответствуют версиям \М\/ога 97 или 
М/ога 2000. Далее рассмотрим настройки, относящиеся к редактору Мога 97. 


Кетоуе М/ога зрес!Шс тагКир (Удалить специфическую разметку). Удаление 
дескрипторов, специфичных только для данной версии текстового 
редактора. 


\!ога те{а апа пк {ад$ гот <Неа4а> (Удалить специфические дескрипторы 
из раздела заголовков). Удаление из раздела заголовков документа не- 
стандартных дескрипторов вида <теа> и <ШшткК>. 


Сеап ир <!юп{> {ад$ (Очистить дескрипторы <!юп{>). Фильтрация избы- 
точных дескрипторов типа <‘юп{>. 


Сопуег{ 512е [7—1] 40 (Преобразовать размеры шрифта). Задает способ за- 
мены дескрипторов вида <!юг{ $2е=п>. В качестве подстановки могут 
быть использованы заголовки разных уровней и шрифты стандарт- 
ных размеров. 


Аналогичные настройки, относящиеся к редактору \Мога 2000, рассмотрены 
далее. 


Кетоуе М/ога зрес!с тагкир (Удалить специфическую разметку). Удаление 
дескрипторов, специфичных только для данной версии текстового 
редактора. 


ХМЕ {тот <П4т[> {а9$ (Удалить разметку ХМЬ.). Удаление кодов разметки 
языка ХМЕЁ из дескриптора <#1т[>. 


М/ога тефа апа пк {ад$ #гот <Неаа> (Удалить специфические дескрипторы 
из раздела заголовков). Удаление из раздела заголовков документа не- 
стандартных дескрипторов вида <теа> и <Итпк>. 


М/ога ХМЕ тагкир (Удалить разметку ХМГ). Удаление кодов языка ХМЕ 
по всему документу. 


Сопа опа! {ад$ апа {Пет соп{еп{$ (Удалить условные дескрипторы и их содер- 
жимое). Ликвидация условных кодов и их содержимого. 


Кетоуе етр\уу рагадгарй апд тагдтз {гот э{Уез (Удалить пустые абзацы и поля). 
Исключение из разметки документа одиночных кодов вида <р> — всех 
дескрипторов абзацев, не имеющих замыкающих тегов < / р>. Кроме 
того, удаляются описания (.55 с атрибутами пустых полей, например 
$уе=’тагат-юр:0 т’. | 
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3. Работа с НТМЕ 


® Сеап ир С$$ (Очистить стили). Повсеместное удаление лишних описа- 
ний (55. 


®е Кетоуе пИпе С$$ з4уез мпеп розз!Ые (Удалить встроенные стили). Удале- 
ние избыточной информации внутри вложенных стилевых специфи- 
каций. 


® Кето\уе апу з1Уе ангЬще мПеп $*аг{$ мИН тзо (Удалить нестандартные атри- 
буты тзо). Удаление нестандартных атрибутов стилевых специфика- 
ций (тзо), созданных текстовым редактором. 


» Кето\уе апу поп-С$$ э41Уе 4ес!агайоп (Удалить все нестандартные описания 
стилей). Ликвидация всех нестандартных стилевых спецификаций 
документа. 


® Кето\уе а! С5$ з1Уез {гот {аЫе гомиз апа се!$ (Удалить стили из таблиц). Ис- 
ключение стилевых спецификаций из разметки таблиц, более точ- 
но — из дескрипторов вида <{аЫе>, <>, <>. 


® Кетоуе а! ипизед з1уе деп юопз (Удалить неиспользуемые стили). Удале- 
ние стилевых спецификаций, на которые нет ссылок из данного до- 
кумента. 


Программа  геатмеауег выполняет глубокую переработку документов 
НТМЕ, созданных средствами \ота. Эти преобразования бывают настоль- 
ко серьезны, что отфильтрованный документ не всегда удается открыть 
в текстовом редакторе. Поэтому перед обработкой целесообразно со- 
здать резервную | копию документа и сохранить ‹ ее на а диске. 


Специальные символы 


Количество символов, используемых дизайнером в процессе создания доку- 
ментов, намного превышает тот стандартный набор, который унаследовала 
клавиатура персонального компьютера от эпохи печатных машинок и теле- 
тайпов. В электронных документах применяются литеры, не имеющие пря- 
мых клавишных аналогов. Для их вставки следует использовать специаль- 
ные кодовые последовательности. | 


В спецификации языка НТМЕ для наиболее востребованных символов пред- 
лагается легкая для запоминания мнемоническая запись. Код таких спец- 
символов начинается со знака & (амперсанд), за которым следует его со- 
кращенное название и точка с запятой. Например, знак копирайта обозна- 
чается как &сору;, а символ зарегистрированной торговой марки — &гед;. 
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3.1. Язык НТМЕ 


Некоторые старые версии популярных броузеров Тл{егпе{ Ехрогег и 
Ме%$саре Мамдаког могут допускать ошибки в чтении именованных ко- 
довых последовательностей. 


Менее популярные символы, например диакритические знаки, символы 
псевдографики и пр., представляются более трудным для запоминания де- 
сятичным кодом. Такие кодовые последовательности всегда начинаются с 
двойного спецсимвола &#, за которым следует десятичный номер литеры. 
Так код символа амперсанд имеет вид &#38;, а длинное тире записывается 
как &#151;. 


Десятичный номер может принимать любые значение в диапазоне от 0 до 
255. Номера от 14 до 31 обозначают управляющие команды и не исполь- 
зуются в разметке гипертекстовых документов. Диапазон от 127 до 159 не 
полностью используется в языке НТМЕ. 


Некоторые символические выражения записываются при помощи зна- 
ков «больше» или «меньше», которые в языке НТМЁ выделяют коды раз- 
метки. Чтобы избежать двусмысленности, в таких случаях следует при- 
менять именованные кодовые последовательности: &9; для кодирова- 
ния символа «больше» (>) и &[; для записи символа меньше (<). 


Именованные и десятичные кодовые последовательности, введенные в 
режиме просмотра страницы, рассматриваются программой как простые 
цепочки литер и не переводятся в специальные символы. Чтобы добить- 
ся правильной интерпретации таких последовательностей их, следует на- 
бирать в режиме отображения кодов, например в окне Инспектора кода. 


Таблицы, в которых описаны все допустимые десятичные и именованные 
кодовые последовательности символов, обычно приводятся в руководствах 
по языку НТМЕ. Пользователи Огеат\меауег в значительной степени избав- 
лены от необходимости обращаться к этим громоздким описаниям, поскольку 
в программе есть специальные команды для вставки спецсимволов. 


1. Выберите позицию символа и поместите в нее текстовый курсор. 
2. Дайте команду тзем » Зреса! Спагас{ег$ (Вставка > Специальные символы). 
3. Выберите нужный символ из меню. 


Это меню также содержит пункт О1пег (Другой), который выводит на экран 
диалоговое окно [пзег* О\пег Спагас{ег (Вставка прочих символов), содержащее 
99 дополнительных спецсимволов ограниченного применения. 
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3. Работа с НТМЕ 


Рис. 3.>. Вставка специальных символов 


Все двенадцать специальных символов, представленных в меню Зреса! 
Спагас{егз (Специальные символы), можно разместить на странице и при по- 
мощи палитры объектов. Кнопки вставки спецсимволов расположены в 
отдельной секции палитры под названием Свагасег$ (Символы). 
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выделяется неразрывный пробел &пЬ$р; (попбгеаКтпд $расе). Это про- 
бельный символ с особыми свойствами: слова, которые он разделяет, 
при просмотре всегда располагаются на одной строке и не разделяются. 
Одно это свойство способно сделать его незаменимым, но неразрывный 
пробел имеет и несколько других полезных применений, основанных на 
его некумулятивности. Это значит, что несколько таких символов, по- 
ставленных подряд, не поглощают друг друга. 


В языке НТМЕ средства управления позиционированием текста представ- 
лены весьма скромно, поэтому неразрывный пробел — это едва ли не 
единственный универсальный инструмент регулирования горизонталь- 
ного положения объектов. С его помощью удобно создавать отступы аб- 
зацев, увеличивать расстояние между отдельными предложениями, сдви- 
гать пункты списков и перечислений и пр. 


3.1. Язык НТМЕ 


Вставка и копирование кодов 


Пользователь Огеатмеауег имеет возможность обмениваться кодами с дру- 
гими редакторами НТМЁ или приложениями, генерирующими корректную 
гипертекстовую разметку страниц. Средством передачи служит буфер об- 
мена — штатный инструмент обмена информацией на платформе УПпао5. 


Пусть фрагмент кода записан в буфер обмена. Его источником может быть 
стороннее приложение, например программа Ноте5\е, или документ, откры- 
тый в другом окне Огеатмеауег. 


При работе в режиме отображения кодов копирование и вставка выполня- 
ются обычными для этих операций командами: 


® Еаи > Сору (Правка »> Копировать) или СТКЕ+С для копирования; 
» Еаи >» Разе (Правка » Вставить) или СТЕЕ+\ для вставки. 


В режиме планировки страницы содержимое буфера обмена можно вста- 
вить как фрагмент НТМЕ, когда попутно выполняется интерпретация ко- 
дов и проверки корректности дескрипторов, или обычным образом. 


»е Впервом случае используется команда Ев » Раз4е НТМЕ (Правка » Вста- 
вить кодовый фрагмент) или клавиатурная комбинация СТКЕ+$НИЕТЧУ. 
Если буфер содержал синтаксически правильные дескрипторы, то 
программа выполнит все инструкции по разметке и представит со- 
держимое буфера в надлежащем виде. Все найденные ошибки поме- 
чаются желтым цветом. 


» Вовтором случае применяется стандартная команда Ед >» Раз{е (Прав- 
ка > Вставить) (СТВЕ-+У). В этом случае внедренный фрагмент в режиме 
планировки страницы будет выглядеть так же, как в кодовом режиме. 


В режиме планировки пользователю доступны две команды копирования. 


е Обычное копирование, когда в буфер обмена заносится то, что пред- 
ставлено на экране, выполняется по команде Ев » Сору (Правка » Ко- 
пировать) (СТВЕ-+С). 


» Чтобы поместить в буфер обмена видимый фрагмент страницы вместе 
со скрытыми кодами, надо отдать команду Ед » Сору НТМЕ (Правка » 
Копировать кодовый фрагмент) или нажать клавиши СТКЕ+$НЕТ+С. 
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3. Работа с НТМЕ 


В текстовых редакторах хорошо зарекомендовал себя способ копирова- 
ния и перемещения при помощи перетаскивания выбранного фрагмента. 
Эта техника работает и в программе Огеатмеауег, причем и в кодовом 
режиме, и в режиме макета страницы. Напомним, что для копирования 
надо перетащить выбранный фрагмент, удерживая нажатой клавишу 
СТВЕ. 


3.2. Цвет в М\МИМ 


Новичку, перебирающему свои первые виртуальные четки на бесконечной 
цепочке ссылок и переходов Интернета, пройденные страницы представ- 
ляются как красочный, многоцветный вернисаж, где документы, выдержан- 
ные в строгом академическом стиле, соседствуют с броскими рекламными 
сайтами. Цвет — это основный строительный материал любого дизайна, 
бумажного или электронного. В «сайтостроении» он играет даже более за- 
метную роль, нежели форма, структура или шрифтовое оформление. 


Изобилие цветовых решений не должно обманывать наблюдателя своей 
внешней свободой и видимой безграничностью возможностей. Автору лю- 
бого Интернет-проекта предстоит преодолеть несколько серьезных техно- 
логических ограничений. 


Растр. Из всего многообразия форм и способов представления визуальной 
информации, которое находится в обращении в сфере машинной графики, 
в сети применяются, главным образом, точечные изображения. В этом спо- 
собе картинки представляются в виде прямоугольной матрицы-растра, со- 
стоящей из элементарных графических элементов, которые называются 
пикселами. Элементы матрицы способны принимать различные цветовые 
и яркостные значения. Зрительные фильтры человеческого глаза аппрок- 
симируют и сглаживают дискретность цветовой матрицы, которая в созна- 
нии человека превращается в целостный графический образ. 


Форматы. Едва можно дать исчерпывающее объяснение тому обстоятель- 
ству, что при всем изобилии растровых форматов (их в наше время насчи- 
тывается несколько десятков) для публикации изображений в сети Интер- 
нет используются только три: /РЕС, СЕ и РМС, каждый из которых накла- 
дывает собственные ограничения на допустимую цветовую гамму. 


Разрешение. Вносит свою лепту и разрешение компьютерных мониторов. 
Даже профессиональные экраны с большой рабочей плошадью и сложными 
системами цветокалибровки имеют разрешение, не превышающее 96 точек 
на дюйм. Самые дешевые струйные принтеры домашнего применения давно 
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перешагнули барьер в 300 точек на дюйм, а печатающие аппараты верхней 
ценовой категории способны выдавать оттиски с разрешением в 2880 точек 
на дюйм и более. 


Цветовой охват. Известно, что для генерации цветов в компьютерных мо- 
ниторах используется модель АСВ, в которой каждый оттенок получается 
в результате смешения трех базовых цветовых координат разной интен- 
сивности красной (Кеа), зеленой (Стееп) и синей (Вше). Эта модель спо- 
собна породить такое изобилие тонов и оттенков, которое намного превос- 
ходит способности человеческого глаза. Диапазон воспроизводимых цве- 
тов принято называть цветовым охватом. 


У"еЬ-дизайнер свободен в выборе цветовых решений для своего проекта, 
но если требуется добиться одинакового отображения документа на раз- 
ных компьютерных платформах, то его цветовое разнообразие следует при- 
вести к «общему тоновому знаменателю». Таковым является так называе- 
мая безопасная Иеь-палитра, состоящая из 216 цветов. Это общая часть, 
пересечение системных палитр самых популярных в сети платформ 
Упаош$ и Мастю5й. 


При просмотре в броузерах |4егпе{ Ехр/огег и Ме{зсаре Мамда{ог страницы с 
ограниченной гаммой будут выглядеть примерно одинаково. Это весьма 
обязывающее утверждение нельзя толковать расширительно; оно относится 
только к передаче цветов. 


Элементы безопасной палитры образуются по следующему принципу. Они 
получаются в результате смешения трех цветовых координат К, С и В опре- 
деленной интенсивности. Каждая составляющая может принимать только 
шесть значений: 0, 51, 102, 153, 204 и 255, — что и дает в результате 6хбхб =216. 


В языке НТМГ для задания цветов обычно используется следующий спо- 
соб кодирования. Значения интенсивностей цветовых координат записы- 
ваются в шестнадцатеричной системе счисления. На каждую координату 
отводится два шестнадцатеричных разряда, коды перечисляются в той же 
последовательности, какую занимают буквы в обозначении модели, каж- 
дое кодовое слово начинается с символа #. Например, белый цвет пред- 
ставляется в виде #РРЕЕЕЕЁЕ, каждая составляющая имеет максимальную 
интенсивность, что после их смешения дает белый. 


Шестнадцатеричные аналоги стандартного ряда безопасной палитры выгля- 
дят как 00, 33, 66, 99, СС и ЕЁ. Поэтому в кодах элементов этой палитры ис- 
пользуются комбинации данных значений. Так, серый цвет подложки диа- 
логовых окон программы представляется в виде #СССССС. 
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Иногда приходится импортировать цвет в программу Огеатмеауег из дру- 
гих приложений. Многие графические редакторы, например ЕгееНапод, ис- 
пользуют только десятичную кодировку цветовых координат. Перевести 
десятичное представление в шестнадцатеричное можно при помощи про- 
граммы Калькулятор, которая входит в стандартную поставку операционной 
системы Ип4о05. 


Проверка п: показала, что о броузер Тиветпе" Ехр/огег, работающий д уп- 
равлением операционной системы И7паои$, неправильно отображает 
несколько цветов стандартной палитры, в том числе #003ЗЗЕЕ (0, 51, 255), 
#3300ЕЕ (51, 0,255), #00ЕЕЗЗ (0, 255, 51) и #ЗЗЕРОО (51, 255, 0). Програм- 
ма МеЁсаре Мамдаеог на платформе ИМХ использует палитру, которая 
отличается от стандарта Итпаои$ и Масто$й значениями своих цвето- 
ВЫХ х координат. 
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Документом принято называть различные виды актов, имеющих юриди- 
ческое значение, или удостоверения, подтверждающие определенные права 
или личность. В наше время это понятие получило самое широкое хожде- 
ние в отраслях, связанных с информатикой и вычислительной техникой. 
Слово «документ» стало универсальным техническим термином, который 
обозначает материальный носитель или источник данных. Самые различ- 
ные прикладные программы в результате своей работы порождают элект- 
ронные документы, различающиеся по форматам и способам организации. 
Их содержимым может быть обычный текст, таблица, графическое изобра- 
жение, музыкальный клип, видеоролик и пр. Финалом творческих усилий 
У"ер-дизайнера служит документ в формате гипертекста. 


При всем изобилии технических терминов и жаргонных словечек, которыми 
щедро снабжает русский язык англоговорящая в массе своей сеть Интер- 
нет, понятиям «документ» и «страница» достойной замены не нашлось. В том 
фрагменте всемирной сети, который называется опа Упае Ув, гипертек- 
стовый документ и страница НТМЕ. — это термины с очень близкой семан- 
тикой. Большие массивы неоднородных (текстовых и графических) дан- 
ных с развитой системой гипертекстовых ссылок принято называть доку- 
ментами. И наоборот, короткие электронные сообщения, преимуществен- 
но линейные по структуре и гомогенные по содержанию, целесообразно 
именовать страницами. 


4.1. Создание, открытие и сохранение документов 


Начало работы с гипертекстовыми документами в программе Огеатмеауег 
немногим отличается от текстовых редакторов. Пользователь имеет воз- 
можность создать новый пустой документ, открыть существующий файл 
НТМЕ и породить документ с непустым содержанием и форматированием 
на основе некоторого образца — шаблона. Кроме того, программа способна 
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открывать файлы без гипертекстовой разметки, например простые тексто- 
вые документы или описания программ и сценариев. 


Техника открытия файлов, конечно, хорошо знакома каждому пользователю 
операционной системы И та. Приведем лишь короткое описание основ- 
ных команд. 


Новый документ создается «с чистого листа» следующим образом. 


® Дайте команду Ейе > Мем (Файл > Создать) в окне документа. Команда 
имеет стандартный клавиатурный эквивалент — комбинацию СТВЕ-+М. 


® Дайте команду Ейе »> Мем М/тдом, (Файл » Новое окно) из окна Диспетчера 
узла. 


Обе команды влекут за собой одинаковые последствия. Откроется новое 
окно программы, в которое загрузится пустой документ с минимальной 
гипертекстовой разметкой. 


Создать документ на основе шаблона можно следующим образом. 
1. Дайте команду Ее » Меми тот Тетр/ае (Файл »> Создать по шаблону). 


2. Откроется диалоговое окно Зе!ес+ Тетрме (Выбор шаблона), в котором 
следует выбрать подходящий образец. В этом окне перечислены все 
доступные в данный момент шаблоны документов; в начале работы над 
узлом этот список может быть пустым. 


3. Завершите операцию щелчком на кнопке ОК. 


Новый документ, созданный по выбранному образцу, делится на две обла- 
сти: заблокированную и редактируемую. Первая часть документа защищена 
от изменений — это общая часть нескольких документов одного сайта. В 
редактируемую область можно вносить любые исправления по выбору ав- 
тора; она помечается по умолчанию внешней рамкой голубого цвета. Сам 
документ заключается в рамку желтого цвета — это служит напоминанием, 
что он создан на основе шаблона и может включать в себя заблокирован- 
ные области. 


Шаблоны документов программа Огеатмеауег сохраняет в отдельной 
папке под названием Тетр(афе$, которая размещается в корневой папке 
ИеБ-узла. Все образцы получают расширение .ОМТ. Эта папка требует 
осторожного обращения: нельзя записывать в нее посторонние доку- 
менты, не рекомендуется перемещать шаблоны в другое место и совер- 
шенно запрещено менять ее прописку. 
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Существующий документ НТМЕ открывают следующим образом. 


1. Дайте команду Е!е » Ореп (Файл > Открыть) или воспользуйтесь клавиа- 
турной комбинацией СТКЕ+О. Команда представлена в меню окна до- 
кумента и Диспетчера узла. 


2. В стандартном для приложений Ит405 диалоговом окне Ореп (От- 
крыть) найдите и выберите нужный файл. 


3. Завершите операцию щелчком на кнопке ОК или нажатием клавиши 
ЕМТЕК. 


Гипертекстовые документы (но не документы с расширением .00С), со- 
зданные средствами текстового редактора Мусгозой: Мога, можно откры- 
вать напрямую, как обычные файлы НТЛ. Этот путь связан с риском по- 
лучить избыточную и ненадежную разметку документа. Поэтому лучше 
использовать команду Ттрог" Мга НТМЕ (Импорт кода НТМЕ из редактора 
М/ога), которая не только открывает документ, но и выполняет очистку 
кода. 


Сохраняют гипертекстовый документ следующим образом. 
1. Дайте команду Е!е » Зауе (Файл » Сохранить). 


2. Выберите расположение документа в файловой системе и введите его 
полное имя. Эти операции выполняются в стандартном диалоговом 
окне сохранения и ничем не отличаются от таких же операций в других 
программах. 


3. Шелкните на кнопке ОК. 


По умолчанию гипертекстовые документы получают распгирение „НТМ на 
платформе Ии40$ и .НТМЕ на платформе Масозй. Это соглашение уста- 
навливается в основных настройках программы и допускает изменение. 


Для сохранения документа в формате простого текстового файла достаточно 
присвоить ему распгирение .ТХТ. В результате программа Огеатмеауег пере- 
ходит в режим отображения кодов, а некоторые команды и ресурсы про- 
граммы блокируются. В текстовом режиме разметка документа НТМЕ не 
теряется; она просто перестает интерпретироваться программой. Если тек- 
стовый документ повторно сохранить с расширением .НТМ, то исходный 
вид гипертекста восстанавливается. 
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ных символов. С особенной осторожностью надо отнестись к пробель- 
ным символам, знакам пунктуации, диакритическим символам ит. п. В 
сети Интернет встречаются компьютеры, работающие под управлением 
самых разнообразных операционных систем. При передаче файлов, име- 
на которых записываются при помощи специальных или редких симво- 
лов, возможны ошибки. 


Программа Огеатмеауег располагает еще одной обязательной командой со- 
хранения — Зауе Аз (Сохранить как). Техника работы с ней не имеет суще- 
ственных отличий от рассмотренной команды сохранения, за одним лишь 
исключением. При каждом обращении к команде Зауе Аз (Сохранить как) 
(СТВЕ+$НИЕТ+$) выводится одноименное диалоговое ОКНО, В КОТОром МОЖ- 
но изменить имя или прописку файла. 


4.2. Параметры документа 


Любой новый документ, созданный в программе, выглядит как совершен- 
но пустая страница с фоном белого цвета. Но даже для такого документа 
без содержания и форматирования требуется определить несколько важ- 
ных параметров и создать исходную гипертекстовую разметку. Это базо- 
вые установки, отвечающие за кодировку, размеры полей, цвет фона, заго- 
ловок документа, раскраску ссылок и пр. Решения, принятые программой 
Огеатмеауег по умолчанию при создании документа, не являются оконча- 
тельными, и их можно изменить. | 


Все базовые настройки страницы сведены в единое диалоговое окно (рис. 4.1), 
которое называется Раде Ргорегие$ (Свойства страницы). Открыть это диало- 
говое окно можно несколькими способами: 


® командой МоаНу >» Раде Ргорегнез (Изменить » Свойства страницы) в окне 
документа; 


® клавиатурной комбинацией СТВЕ+); 


® командой Раде Ргореге$ (Изменить > Свойства страницы) контекстного 
меню, которое открывается при щелчке правой кнопкой мыши на 
любой точке фона страницы. 


Рассмотрим элементы управления диалогового окна Раде Ргорегие$ (Свой- 
ства страницы). 
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Авеста 


Сус 


Рис. 4.1. Свойства страницы 


® Те (Заголовок). Это поле служит для ввода заголовка страницы. Стро- 
ка, набранная в данной секции окна, выводится в строке заголовка в 
окне программы просмотра. Многие поисковые машины учитывают 
содержимое заголовка при индексации страниц и размещении их в 
рубриках тематических каталогов. Следует отметить, что программа 
Огеатмеауег располагает нескольким способами задания заголовка. 
Его можно набрать в поле Те панели инструментов, ввести непосред- 
ственно в дескриптор <Н\е> в режиме отображения исходного тек- 
ста, например в Инспекторе кода. Полноты ради упомянем об еще од- 
ном способе, более трудоемком по сравнению с предыдущими. Дайте 
команду Ме\м » Неаа Согиеп* (Вид » Содержимое раздела заголовков), в 
результате окно документа разделяется на две части. Верхняя соот- 
ветствует разделу заголовков документа НТМЕ, нижняя — телу доку- 
мента. Щелкните на левой кнопке в разделе заголовков и введите 
название документа в единственное поле Инспектора свойств. 


® Васкогоипа |таде (Фоновый рисунок). В этом поле задается полное имя 
фонового растрового изображения. Его можно ввести с клавиатуры 
или выбрать при помощи кнопки Вгомзе (Обзор), которая запускает 
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стандартную процедуру поиска и указания файлов. Если рисунок 
имеет размер, меньший, чем рабочее поле страницы, то программа со- 
здаст несколько копий изображения и покроет ими все свободное 
пространство. Этот прием в графике иногда называют тайлинг — от 
английского слова Яйпв (мозаичное покрытие). Запретить мозаику 
можно при помощи стилевых спецификаций (55. Кроме того, в рас- 
тровой графике накоплено большое количество приемов, позволяю- 
щих изменить базовое изображение таким образом, чтобы скрыть гра- 
ничные швы. Фоновый рисунок и фоновый цвет могут быть заданы 
совместно. Если заданы оба параметра: фоновый цвет и фоновый рису- 
нок, — то предпочтение отдается рисунку. Цвет отображается в про- 
цессе загрузки страницы и виден только до полной загрузки рисунка. 
Если фоновый рисунок имеет прозрачные фрагменты, то сквозь них 
будет виден фоновый цвет. 


Васкодгоипа (Фоновый цвет). Раздел предназначен для задания фоново- 
го цвета страницы. Искомый тон можно ввести в правое числовое 
поле, используя шестнадцатеричную нотацию. По умолчанию там 
задан белый цвет с кодом #ЕЕЕЕЕЕ. Щелчком по цветовому образцу 
слева активизируется инструмент для выбора цвета, который тради- 
ционно называется пипеткой. Щелчок пипеткой на клеточке палитры 
или по любому цветовому фрагменту (образцу документа или части 
интерфейса) делает данный цвет фоновым. Выбрать цвет можно толь- 
ко в окне программы и вее палитрах. 


Тех+ (Текст). Раздел устанавливает цвет шрифта по умолчанию. Лю- 
бой введенный текст окрашивается в выбранный в данном поле цвет. 


Ыпк$ (Ссылки). В этом разделе задается цвет текстовых ссылок и цвет 
рамки вокруг графических ссылок. 


У! $Неа Ыпк$ (Просмотренные ссылки). Устанавливается цвет, которым 
помечаются просмотренные ссылки. 


Аснуе Ыпк$ (Активные ссылки). Определяет цвет активных ссылок, ко- 
торый появляется на короткое время после щелчка на данной ссыл- 
ке. Некоторые программы просмотра игнорируют этот параметр. 


Ген Магдт (Левое поле). Задает размер левого поля страницы в пиксе- 
лах. Этот параметр является атрибутом дескриптора <Боду> и обра- 
батывается только броузером п1егпе! Ехр!огег, Его вечный визави 
Метзсаре Мам!да‘ог игнорирует данную настройку. 


Тор Магат (Верхнее поле). Задает размер верхнего поля страницы в 
пикселах. Это число становится атрибутом дескриптора <Боду> и 
действует только для программы тм{егпе!{ Ехрогег. 


Магдт Уи (Ширина полей). Устанавливает ширину полей страницы. 
Единицей измерения служат пикселы. Параметр обрабатывается 
только программой Ме{зсаре Мам!да{ог. 


Магат Нега (Высота полей). Задается высота полей страницы в пиксе- 
лах. Параметр действует только для программы М№езсаре Мамдаюг — 
броузер 1п{егпе{ Ехрогег его игнорирует. 


Ооситеп{ Епсодтд (Кодировка документа). Очень важный параметр для 
документов, создаваемых на русском языке. От его выбора зависит 
возможность представления символов кириллицы и вообще диапа- 
зон отображаемых символов. Все доступные программе кодировки 
сведены в список, в котором только четыре поддерживают русские 
буквы. Это 1$0-8859-5, МасСугИИс, КО!8-В и \ММтдо\мз-1251. Чтобы изме- 
нить шрифты, выбранные программой для поддержки установлен- 
ной кодировки, надо открыть окно основных настроек программы 
Огеат\ммиеауег (СТКЕ+У) и в разделе Гоп! /Епсодта (Шрифт/Кодировка) 
выбрать пропорциональный и моноширинный шрифты, а также 
шрифт для использования в Инспекторе кода. 


Кеоаа (Повторная загрузка). Кнопка выполняет те же функции, кото- 
рые в растровых графических редакторах возлагаются на команду 
Веуег{ (Восстановить). Она возвращает последнюю сохраненную вер- 
сию документа. 


Тгаста |таде (Трафаретное изображение). В данном разделе указывает- 
ся изображение, которое служит образцом при работе над дизайном 
страницы. Это своеобразная калька, которая помогает трассировать 
графические элементы страницы, разметить ее планировку. Указан- 
ное изображение не появляется в окончательной версии документа. 


|паде Тгапзрагепсу (Прозрачность изображения). При помощи этого 
движка можно настроить прозрачность картинки, выбранной для 
трассировки. 


Ооситеп{ Ро!4ег (Папка документа). Это информационное поле отобра- 
жает папку, в которой сохранен данный документ. 


Зце Роаег (Корневая папка узла). Информационное поле. Показывает 
полный путь к корневой папке \ер-узла, которому принадлежит теку- 
щий документ. 
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Программа Огеатмгеауег не отображает поля в окне документа. Чтобы 
увидеть истинную планировку страницы вместе с полями, надо просмот- 
реть ее в программе просмотра. Напомним, что загрузить активную стра- 
ницу в броузер можно по команде Ее » Ргемеми 1п Вгомисег (Файл » Про- 
смотр в броузере). 


4.3. Раздел заголовков документа 


Разделом заголовков принято называть часть кода, ограниченную дескрип- 
тором <Веа4> и его завершающей частью < /неаа>. Этот фрагмент размет- 
ки не является обязательным, но его включение в документ считается хо- 
рошим стилем и в большинстве случаев оправдано. Заголовок хранит раз- 
нообразную служебную информацию, облегчающую программам просмот- 
ра и серверам обработку данного документа. Дескрипторы заголовочного 
раздела выполняют самые разнообразные функции, в частности: 


» дают название документу и хранят его краткое описание; 

» определяют отношение между разными страницами; 

е хранят перечень ключевых слов; 

»® указывают имя автора страницы; 

е определяют вид кодировки и тип документа и многое другое. 


Работа с дескрипторами раздела заголовков требует знания форматов за- 
писи его синтаксических конструкций и правил программной обработки. 
Подробная информация такого рода приводится в монографиях, посвящен- 
ных НТМЕ и программированию в "ЙТУУ. Пользователи, владеющие анг- 
лийским языком, могут обратиться к превосходному интерактивному спра- 
вочнику, внедренному в оболочку программы. Напомним, что для вызова 
справки достаточно щелкнуть на кнопке Ве{егепсе (Руководство), располо- 
женной в правой части панели инструментов. 


В состав программы включено несколько команд для вставки самых вос- 
требованных дескрипторов раздела заголовков. Работа с ними не требует 
знания синтаксиса НТМЕЁ и ориентирована на широкий круг пользовате- 
лей. От пользователя требуется определить содержательную часть кодов, а 
их оформление по канонам языка и размещение в заголовке документа про- 
грамма берет на себя. Перечислим эти дескрипторы и атрибуты. 


® Меа (Мета). Служит для вставки глобальной информации, относящей- 
ся ко всему документу. Потребителями этих сведений могут быть как 
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сервер, обрабатывающий страницу, так и клиент, инициировавший 
ее загрузку. Допускается размещать несколько дескрипторов этого 
типа в пределах одного заголовка. 


Кеумога$ (Ключевые слова). Используется для ввода ключевых слов. 
Эта информация учитывается поисковыми машинами при рефери- 
ровании и индексировании материалов гипертекстового документа. 


Оезсироп (Описание). Содержит описание данного сайта или страни- 
цы. Разрешает ввести в раздел заголовков любой текст, который, по 
мнению автора, дает полноценное представление о тематике, направ- 
ленности и материалах узла. 


Ве!гезн (Обновление). Запускает команду, которая выполняет переза- 
грузку данной страницы или переход на другую страницу по указан- 
ному адресу. 


Вазе (База). Устанавливает полный базовый адрес (АГ узла. Это по- 
зволяет свободно пользоваться относительными адресами при ука- 
зании связей между документами узла. При переносе узла в другое 
место относительная адресация не нарушается, а меняется только 
постоянная часть — информация, заданная в элементе Вазе (База). 


Ыпк (Связь). Задает связь данного документа с внешними объектами: 
гипертекстовыми документами, таблицами стилей и др. 


Для вставки дескрипторов в раздел заголовков требуется выполнить одну 
из команд раздела вида |пзег" » Неаа Тад$ (Вставка »> Дескрипторы заголовка). 
Другая возможность -— это работа с палитрой объектов. 


1. 


3. 


Откройте палитру объектов командой \/таом > ОЦеси$ (Окно » Объекты) 
или при помощи комбинации клавиш СТВЕ+РЕ2. 


ЦЩелчком на верхней треугольной кнопке откройте меню и выберите в 
нем раздел Неаа (Заголовок). 


Щелкните на кнопке, отвечающей за вставку нужного дескриптора. 


Каждый элемент этой группы имеет собственный набор параметров, для 
задания которых надо заполнить поля специальных диалоговых окон. 


Оезсир {оп (Описание). Этот атрибут дескриптора <те{а> имеет очень про- 
стые правила оформления. Его диалоговое окно состоит из одного тексто- 
вого поля, в которое надо ввести содержательное описание документа. Дес- 
криптор не требует соблюдения каких-либо синтаксических соглашений 
или формальных правил. Следует руководствоваться лишь здравым смыс- 
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лом и правилами грамматики естественного языка. Например, он может 
выглядеть следующим образом: 


<теа пате="аезсирНоп" сощеп="Эта страница посвящена описанию самого попу- 
лярного редактора НТМ! Огеатмеауег"> 


Кеумога$ (Ключевые слова). Является атрибутом дескриптора <теа>. Работа 
с элементом Кеумога$ (Ключевые слова) немногим сложнее. После вывода 
диалогового окна на экран от пользователя требуется набрать в единствен- 
ном поле окна список ключевых слов, разделенных запятыми. В результате 
в раздел заголовков документа вставляется дескриптор примерно следую- 
щего вида: 


<теа пате="Кеу\мога5" сомеп!="НТМИ, УУ/МУИМИ, |мете!'> 


Ке!гезН (Обновление). Представляет собой атрибут дескриптора <теа>. Этот 
атрибут требует ввода двух параметров. 


е Ое!ау (Задержка). Длина в секундах временного интервала перед вы- 
полнением команды перехода или повторной загрузки страницы. 


»® АсНоп (Действие). Раздел служит для выбора команды. Предлагаются 
следующие альтернативы. 


<? Сою ЦВЕ (Перейти по адресу). Команда перехода к другой странице 
или документу. В правое поле надо просто ввести адрес страницы 
или разыскать ее при помощи команды Вго\зе (Обзор). 


< — Кенезн Т№$ ОБоситеп{ (Обновить данный документ). Команда повтор- 
ной загрузки текущей страницы. 


Вот возможный вид дескриптора: 
<теа ПНр-еаиу='гейезВ" сощет!="4;УВЕ=ВНр:/ /мииим.афа.ги"> 


Он предписывает после задержки в 4 секунды перейти по адресу Пир:/ / 
м/мими.апа.ги. 


Вазе (База). Является самостоятельным дескриптором. Для полного зада- 
ния требуется ввод двух параметров. 


® Нге{! (Ссылка). Хранит полный адрес данного гипертекстового доку- 
мента. Его можно ввести вручную или определить местоположение 
при помощи стандартной команды Вгомзе (Обзор). 


® Тагде{ (Назначение). Задает способ вывода на экран всех связанных 
документов. 
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Пусть, для примера, базовый адрес имеет вид НЧр: / /мммм.аВа.ги / -сетмег/, а 
внутри документа есть ссылка на рисунок !таде /ьаскагпа.а!. Тогда програм- 
мы просмотра будут искать изображение по его полному адресу, который 
теперь выглядит как Вр: / /мммим.ара.ги / -сегег/1таде /Баскоагпа.а{. 


пк (Ссылка). Этот дескриптор описывает связь между текущим докумен- 
том и внешними файлами. Часто используется для ссылок на внешние таб- 
лицы стилей. Приведем атрибуты, которые требуется задать для этого дес- 
криптора. 


®  Нге! (Ссылка). Указывает адрес документа. 
е 10 (Идентификатор). Задает уникальный идентификатор ссылки. 
е Те (Заголовок). Описание вида связи. 


® Ке| (Отношение). Задает тип связи между текущим документом и це- 
левым, то есть документом, который является источником ссылки. 


® Кеу (Обратное отношение). Задает обратное отношение — между целе- 
вым и текущим документами. 


Для удобства ввода описания документов и списки ключевых слов мож- 
но разрывать символом конца абзаца. Следует помнить, что интерпрета- 
торы языка НТМЁ игнорируют подобное форматирование; строка с при- 
нудительными разрывами будет воспринята, так же как слитная цепочка 


4.4. Работа с цветом 


В программе Огеатмеауег используется простая и весьма экономная техни- 
ка работы с цветом. Необходимость в изменении цветовой составляющей 
возникает в разных ситуациях — может меняться цвет фона, ссылок, тек- 
ста, таблицы или отдельных ее ячеек и пр. 


Во всех случаях, когда параметр документа допускает цветовую настрой- 
ку, программа выводит два стандартных элемента управления: прямоуголь- 
ник с образцом текущего цвета и поле, в котором показаны числовое значе- 
ние цвета в шестнадцатеричной системе счисления. Например, на рис. 4.1 
такими параметрами являются Васкодгоипа (Фон), Тех+ (Текст) и МпК$ (Ссылки). 


Новый цвет можно задать при помощи цветовых координат, которые про- 
сто вводятся в соответствующее поле диалогового окна. Однако этот спо- 
соб слишком обязывающий: он требует от пользователя знания таблицы 
кодов цвета или обращения к справочникам. 
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Если щелкнуть мышкой на прямоугольнике с образцом цвета, то появится 
палитра цветов (рис. 4.2) и специальный инструмент для выбора цвета — 
пипетка. Этот инструмент разрешает копировать цвет из любой области 
экрана, даже из других приложений. Для этого достаточно просто щелк- 
нуть в нужной точке Рабочего стола. Это стандартная техника работы с 
пипеткой — так этот инструмент работает в большинстве графических про- 
грамм. Щелчок вне пределов окна Огеатмеауег снимает активность с про- 
граммы и может вывести на передний план Рабочего стола другое прило- 


жение. 


Чтобы при работе с с пипеткой я сохранить активность › программы, надо. 
выполнять выбор цвета при нажатой левой кнопке мыши. Ее можно от- 
ПУСТИТЬ после получения нужного образца цвета. 


= ШЕЕ Е 
СГГТЕЕЕЕЕЕЕРЕСРЕ 


Рис. 4.2. Цветовая палитра 
Рассмотрим дополнительные возможности палитры. 


»е Перечеркнутая кнопка в верхнем ряду устанавливает цвет, принятый 
по умолчанию. 


» Кнопка, на которой изображен цветовой круг, служит для вызова спе- 
циального диалогового окна. С его помощью пользователь может син- 
тезировать новый цвет. 


е Кнопка в форме треугольника служит для вызова дополнительного 
меню. В нем объединены команды, меняющие исходную палитру. 
Пункты Союг Сибез (Цветовые кубики) и Соп{тиоиз$ Топе (Непрерывная 
шкала) выбирают безопасную палитру Те, команды У/таомз 0$ и Мас 
О$ выводят системные палитры, команда Сгаузсае (Тона серого) — па- 
литру в градациях серого; 


® Если включить флажок пар {о М/еь За!е (Привязка к безопасной палитре), 
то все нестандартные цвета автоматически заменяются близкими то- 
нами из безопасной палитры. 
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4.5. Цветовые схемы 


Выбор гармоничной цветовой гаммы проекта — это непростой и весьма 
ответственный этап создания электронного проекта. Профессионалы в об- 
ласти колористки знают, что существуют цвета-антагонисты, сочетание 
которых на одной странице производит впечатление тонового диссонанса. 
И наоборот, есть устойчивые цветовые комбинации; даже значительные 
расхождения по яркости и контрастности их составляющих не вызывают 
ощущения цветового рассогласования. 


Универсальные рецепты, позволяющие новичку подобрать сбалансирован- 
ную по тоновому разнообразию и контрасту цветовую схему для своей стра- 
нички, пока не выработаны. 


Разработчики программы Огеатмеауег пошли по самому рациональному, 
проверенному пути. Они заложили в программу несколько отработанных 
цветовых сочетаний и разрешили их незначительную настройку. В стан- 
дартных комбинациях выбирается цвет для основных атрибутов гипертек- 
стового документа: фона, текста и ссылок. 


Выбор цветовой схемы производится следующим образом. 


1. Дайте команду Соттапа$ » Зе! Со!ог ЗсНете (Команды » Выбрать цветовую 
схему). 


2. Появится диалоговое окно, показанное на рис. 4.3. В списке ВасКагоипа 
(Фон) следует выбрать цвет фона, в списке Тех! апа ШпКз$ (Текст и ссылки) — 
задать цвет текста и ссылок. 


Вгомл ео 


Рис. 4.3. Цветовые схемы 


147 


4. Документ 


3. Щелкните на кнопке Арру (Применить), чтобы применить выбранные 
установки к активной странице. 


4. Завершите процедуру щелчком на кнопке ОК. 


Эта простая команда способна предотвратить грубые ошибки при выборе 
основных цветовых параметров документа. А как же быть с картинками? 
Оставляя подробное описание темы руководствам по колористике и цве- 
товому дизайну, приведем лишь несколько простых рекомендаций по под- 
бору сочетаемых тонов. 


Не рекомендуется пользоваться цветами, расположенными на цветовом 
круге рядом друг с другом. С другой стороны, полярные тона тоже плохо 
сочетаются на одной странице. Такие малогармоничные пары образуют, 
например, зеленый с фиолетовым или красный с голубым. Принято счи- 
тать, что оптимальным расстоянием между цветами является примерно 
четверть цветового круга. Следует ограничивать цветовое разнообразие 
проектных решений. Страницы с большим количеством использованных 
красок часто вызывают ассоциации с ярмаркой или балаганом, что может 
быть уместно не при любой тематике Тер-узла. Принято считать, что ко- 
личество чистых основных тонов визуального пространства не должно пре- 
вышать четырех. 


4.6. Невидимые элементы 


Некоторые коды разметки и объекты гипертекстового документа не имеют 
визуального представления, поэтому не могут быть представлены непосред- 
ственно в окне документа или отображены программой просмотра. Конечно, 
в кодовом режиме доступен весь наличный состав страницы: ее гипертек- 
стовая разметка и содержательная часть, — но непосредственная работа с 
кодами — это удел немногих профессионалов. 


Разработчики программы Огеатмеауег связали со скрытыми объектами спе- 
циальные значки. Это публичные представители невидимых элементов 
проекта; они показывают их положение на странице (не всегда), позволяют 
выполнять выбор, делают доступными некоторые операции редактирова- 
НИЯ. 


Видимость значков скрытых объектов определяет команда Мем »> Мзиа! Ав$ » 
пм Ые Еетепи$ (Вид » Служебная разметка > Скрытые элементы). Команда рабо- 
тает как флажок, каждое новое ее исполнение изменяет ранее установлен- 
ный режим. | 


148 


4.6. Невидимые элементы 


Отображение значков облегчает ориентацию в сложном, насыщенном 
объектами проекте. Удаление их с экрана приближает представление стра- 
ницы в окне документа к ее естественному виду. 


Изменение видимости скрытых объектов способно отчасти изменить 
планировку страницы. 


Команда пузЫе Еетеп{$ (Скрытые элементы) допускает настройку; пользо- 
ватель может указать скрытые объекты, которые попадают в область дей- 
ствия этой команды. Для этого надо сделать следующее. 


1. Дайте команду Ев » Рге{егепсез (Правка » Настройки). 
2. Выберите категорию пм! е Еетеп{$ (Скрытые элементы). 


3. Включите отображение выбранных значков. Значки, отмеченные уста- 
новленым флажком, регулируются описанной выше командой. Значки 
со сброшенным флажком никогда не отображаются в окне документа. 


Перечислим значки скрытых объектов. 


® Матеа Апспог$ (Именованные символы привязки). Показывают располо- 
жение элементов привязки. В языке НТМЕ им соответствуют деск- 
рипторы вида <а пате=»имя»> < /а>. 


® 5спр{$ (Сценарии). Показывают расположение программных кодов, 
написанных на языках /аоаэспрЕ и УВ5стри. 


® Соттег(з (Комментарии). Помечают комментарии НТМГ. 


® пе ВгеаК$ (Переходы на новую строку). Значки этого вида служат мар- 
керами специального символа — перехода на новую строку. Напом- 
ним, что этому символу соответствует код <Ьг>. 


® СНеп+-З1ае |таде Мар$ (Изображения-карты на стороне клиента). Это зна- 
чок представляет изображение-карту. Так называется растровый 
рисунок, который разбит на зоны, чувствительные к нажатию кнопки 
мыши. По сути дела, подобные картинки являются коллекциями кно- 
пок, с каждой из которых может быть связана отдельная команда пере- 
хода. 


® ЕтБедаед З1уе$ (Внедренные стили). Значки помечают табличные сти- 
ли, расположенные непосредственно в теле документа. 


® Надеп Рогт Р!е!а$ (Скрытые поля форм). Значки связаны с полями форм, 
имеющими атрибут скрытый (Надеп). 
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Рогт Оентиег (Границы форм). Этот параметр отвечает за отображение 
границ вокруг форм. Это не значок в обычном понимании, а прямоу- 
гольник, нарисованный красной пунктирной линией. 


Апсвог рот+ ог Гауег$ (Привязка слоев). Такими значками помечаются 
коды, определяющие слои документа. Сами слои не являются неви- 
димыми объектами в точном смысле этого слова — невидим только 
их НТМГ[-код. Но они способны менять свою позицию в пределах до- 
кумента, поэтому значки облегчают выбор и редактирование слоев. 


Апспог рот! гог Айопед Еетеп*5 (Привязка выровненных элементов). Знач- 
ки показывают расположение элементов, для которых установлено 
выравнивание при помощи атрибута айдп. 


Зегуег МагКир Тад$ (АЗР, СЕМИ...) (Коды разметки сервера). Значки этого 
вида показывают расположение кодов разметки, которые обрабаты- 
ваются сервером, а не программой просмотра. Самыми распростра- 
ненными языками этого типа являются АЗР (Асйое 5етоет Радез) и 
СЕМГ (Со4Еияоп Матгир Гапдиае). 


Перечисленные з значки не только помечают позиции вставки невиди- 
мых объектов — во многих операциях редактирования они служат пол- 
ноценными заменителями соответствующих фрагментов кода. Значки 
можно копировать при помощи буфера обмена, причем не только в пре- 
делах данного документа — их можно переносить и на другие страни- 
цы. Щелчок на значке выбирает ту часть разметки, которая отвечает за 
данный объект. Двойной щелчок выбирает объект и, кроме того, вызы- 
вает т палитру Ргорегу Гпвресвог (Инспектор свойств). 


4.7. Визуализация документа 


Программа Огеатмеауег располагает несколькими вспомогательными сред- 
ствами, которые облегчают создание интерактивных публикаций со слож- 
ной планировкой и элементами, требующими жесткой взаимной коорди- 
нации. В их число входят: размерные линейки, координатная разметочная 
сетка и трафаретное изображение. Эти инструменты не только облегчают 
монтаж страниц, насыщенных таблицами и графикой, но и способны отча- 
сти заменить программы просмотра, поскольку дают представление об истин- 
ном дизайне проекта и его привязке к абсолютной системе координат. 
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Размерные линейки 


Размерные линейки выполняют в программе функции, обычные для сис- 
темы мер и эталонов в человеческой деятельности. Они позволяют оценить 
размеры объектов и привязать сложную композицию кединой системе ко- 
ординат. 


Управление размерными линейками выполняется при помощи команд спе- 
циального меню. Для доступа к нему надо дать команду Мем > Вшег$ (Вид > 
Линейки). Перечислим пункты этого меню. 


® Зпом (Показать). Эта команда, управляющая визуализацией размер- 
ных линеек, имеет клавиатурный эквивалент — СТВЕ+АЕТ+К. Повтор- 
ное ее выполнение удаляет линейки с экрана. 


® Р\хе$ (Пикселы), |псНез (Дюймы), Сепите{ег$ (Сантиметры). Команды вы- 
бора единиц измерения. 


® Кезе{ Опат (Восстановить начало координат). Начало координат можно 
связать с любой точкой страницы. Для этого достаточно перетащить 
маркер в форме крестика, расположенный на пересечении линеек, в 
любое место документа. Выполнение данной команды возвращает 
точку отсчета в исходную позицию. 


Монтажная сетка 


Разметочная сетка — это служебное средство, которое предназначено для 
выравнивания и позиционирования элементов документа: текста, рисун- 
ков, таблиц, форм и др. Это своего рода виртуальные строительные леса 
сложного документа. Сетка помогает выполнить трудоемкую работу по 
планировке страниц, расположению врезок и иллюстраций, выравниванию 
навигационных кнопок. После того как дизайн проекта завершен, разме- 
точная сетка убирается с экрана. 


Для вывода сетки на экран следует дать команду Мем »> Спа » Зном Сна (Вид» 
Разметочная сетка » Показать сетку) или воспользоваться комбинацией кла- 
виш СТКЕ+АЕТ+С. Та же команда позволяет убрать сетку с экрана. 


Команда Мем »> Спа »> Еак Спа (Вид » Разметочная сетка > Настроить сетку) вы- 
водит на экран настроечное диалоговое окно, показанное на рис. 4.4. Рас- 
смотрим его поля и переключатели. 


® Союг (Цвет). Служит для выбора цвета разметочной сетки. 


® пом Спа (Показать сетку). Управляет отображением сетки. 
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® Зпар {о Сп (Захват). Управляет режимом захвата — привязки к разме- 
точной сетке. 


® раста (Расстояние). Выбирает единицы измерения и задает шаг меж- 
ду разметочными линиями. 


» О!зр!ау (Отображение). Выбирает вид разметочных линий. Они могут 
быть сплошными (Ипез) или отображаться мелким пунктиром (Оо\$). 


Рис. 4.4. Настройки разметочной сетки 


Трафаретное изображение 


Размерные линейки и монтажная сетка являются принадлежностью любо- 
го редактора, даже с зачаточными функциями рисования. А трафаретное 
изображение — это уникальная особенность данной программы. Это рас- 
тровая картинка, которая располагается на заднем плане документа и слу- 
жит образцом при создании сложных элементов дизайна. Пользователь 
может изменять прозрачность изображения, добиваясь компромисса между 
доступностью трафарета и видимостью основных элементов дизайна. 


В окне документа трафаретное изображение имеет приоритет над цветом 
фона и фоновым изображением, но в программах просмотра оно не отобра- 
жается. 


Создание трафаретного изображения выполняется следующим образом. 


1. Дайте команду Мем » Тгаста |таде » |лоа4 (Вид > Трафаретное изображе- 
ние »> Загрузить). Есть и другой способ — это команда МоаНу » Раде 
Ргорег4е$ (Изменить » Свойства страницы). 


2 Появится диалоговое окно Зееси |таде Зоигсе (Выбрать изображение), в 
котором следует выполнить обычную процедуру поиска файла изоб- 
ражения. 
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3. После того как изображение найдено, программа выведет диалоговое 
окно Раде Ргорцецез (Свойства страницы), в котором надо настроить про- 
зрачность трафарета. Эту задачу решает интерактивный инструмент 
|паде Тгапзрагепсу (Прозрачность изображения). 


'Трафаретное изображение допускает некоторую настройку. Перечислим 
все возможности по его редактированию, которые предоставляет программа 
Огеат\миеауег. 


® Для изменения положения в пределах страницы надо выполнить ко- 
манду \Мем » Тгаста |таде > Ад]из{ РозИюп (Вид >» Трафаретное изображе- 
ние » Изменить положение). Программа выведет простое диалоговое 
окно с двумя числовыми полями, в которых надо задать новые коор- 
динаты трафаретного изображения. Напомним, что отсчет ведется от 
левого верхнего угла страницы и не меняется при перетаскивании 
начала координат. 


® 'ТГрафарет можно выровнять относительно любого выбранного объек- 
та: текста, таблицы, формы, картинки. После выравнивания совме- 
щаются левые верхние углы трафарета и выбранного объекта. Сама 
команда имеет вид Мем »> Тгастд |таде »> Айдп мин ЗеесНоп (Вид >» Тра- 
фаретное изображение »> Выровнять по выбранному). 


® Чтобы восстановить положение трафарета, надо дать команду Млем > 
Тгаста |таде » Кезе{ Роз#оп (Вид » Трафаретное изображение >» Восстано- 
вить положение). Эта команда совмещает левый верхний угол изобра- 
жения с точкой, имеющей координаты (0,0). 


» Для удаления трафаретного изображения достаточно вызвать диало- 
говое окно Раде Ргорпейез (Свойства страницы) и стереть в нем строку, 
указывающую путь поиска для файла картинки. 


4.8. Выбор объектов 


Информатика — это сравнительно молодая и динамично развивающаяся 
отрасль науки и практики. Может быть, по этой причине генерация нового 
знания намного опережает осмысление полученных результатов и их стан- 
дартизацию. К числу немногих общесистемных соглашений, действующих 
в подавляющем большинстве программ и редакторов, относится выбор. 
Принято считать, что все выполняемые операции и команды относятся к 
выбранным объектам. Если таковых нет, то устанавливаемые признаки 
форматирования становятся признаками по умолчанию, то есть действу- 
ют для всех будущих объектов данного типа. 
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В предыдущих разделах книги говорилось о различных способах и приемах 
выбора объектов. Приведем полный перечень способов выполнения этой 
важной операции. 


® Самый простой способ выбора видимого объекта в окне документа — 
это щелчок мышкой или протягивание указателя через данный объект. 


е Для выбора невидимого объекта надо сначала включить отображе- 
ние его значка, а затем щелкнуть на нем. Напомним, что визуализа- 
цией значков скрытых объектов управляет команда \М!зиа! А$ (Слу- 
жебная разметка) и категория основных настроек мм е Еетеп{$ (Скры- 
тые элементы). 


® Двойной щелчок мышкой на слове выделяет его целиком. 


е При нажатой клавише ЗНЕТ курсорные клавиши выполняют выбор 
символов по горизонтали или строк по вертикали. Если при этом удер- 
живать нажатой еще и клавишу СТКЕ, то можно выбирать целые слова. 


»® Команда Ед » Зеес+ А! (Правка »> Выбрать все) или ее клавиатурный 
эквивалент СТЕ!+А выполняет выбор всех объектов, размещенных в 
теле документа. 


® Видимо, самый удобный инструмент для работы со сложным выбо- 
ром — это селектор разметки. Напомним, что этот элемент управле- 
ния расположен в левой части строки состояния и выглядит как обыч- 
ная последовательность дескрипторов. Программа выводит все деск- 
рипторы, окружающие точку ввода или текущий выбор. Чем ближе 
код к текстовому курсору, тем правее он расположен в селекторе. 
Программа постоянно отслеживает все изменения в документе и об- 
новляет селектор разметки. Щелчок на имени дескриптора в селек- 
торе выбирает все его содержимое. 


® Работа с селектором поддержана двумя удобными клавиатурными 
комбинациями. Комбинация СТВЕ+$ЗНЕТ+< служит для выделения 
родительского дескриптора. Каждое ее нажатие расширяет выбор, 
охватывая старшие дескрипторы, расположенные левее в селекторе 
разметки. Для сужения области выбора — перехода к вложенным дес- 
крипторам — надо использовать комбинацию клавиш СТКЕ+ЗНЕТ+>. 


® Всамых сложных случаях, когда приходиться выделять объект в пре- 
дельно запутанном фрагменте документа, может помочь работа с рас- 
щепленным окном документа. В этом режиме программа отображает 
планировку страницы и ее исходный код вместе дескрипторами. По 
виду страницы легко приблизительно определить расположение нуж- 
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ного объекта и поместить в это место текстовый курсор. При помощи 
кодовой части окна можно уточнить позицию объекта и выполнить 
точный выбор. 


4.9. Имена объектов 


Иногда объекты, расположенные на гипертекстовой странице, не могут 
оставаться безымянными — для корректного отображения документа в про- 
грамме просмотра они должны получить собственные уникальные имена. 
Примерами таких объектов являются слои, формы, структурные составля- 
ющие форм, интерактивные графические кнопки и изображения и др. Сис- 
тема присвоения имен в программе достаточно жестко регламентирована, 
поскольку некорректные имена могут послужить причиной серьезных про- 
блем в работе броузеров и даже вызвать аварийное завершение программы. 
Кроме того, ошибки, вызванные нелегальными именами, очень трудно пра- 
вильно диагностировать. 


Приведем базовые правила присвоения имен объектам программы. 


® Следует ограничить алфавит, используемый для записи имен. Безо- 
пасный набор символов включает в себя только буквы, цифры и сим- 
вол подчеркивания _ (ип4етзсоте). 


® Целесообразно использовать только строчные символы. Записывать 
имена следует в одно слово. Развернутые названия, состоящие из не- 
скольких слов, можно объединить в одно при помощи символа под- 
черкивания. 


е В пределах одного гипертекстового документа не должно быть ПО- 
вторяющихся имен — все они обязаны быть уникальными. Чтобы 
различить объекты, сходные по тематике и выполняемым функциям, 
можно к одинаковым именам добавлять порядковые номера. 


® В операционных системах, управляющих работой серверов, могут 
действовать различные соглашения по поводу букв нижнего и верх- 
него регистров. Некоторые операционные системы считают пропис- 
ные и строчные буквы различными; существуют среды, в которых 
регистр символов не имеет значения. Чтобы избежать возможных 
ошибок такого рода, целесообразно ограничиться только символами 
нижнего регистра. 


® Пробельный символ относится к группе специальных СИМВОЛОВ, ИС- 
пользование которых в именах и адресах способно привести к ошиб- 
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кам. Поэтому вместо стандартного символа пробела, код АЗС кото- 
рого равен 32, следует использовать его шестнадцатеричный эквива- 
лент %20. 


® Начальным символом в именах объектов должна быть буква. Лекси- 
ческие анализаторы многих программ считают нелегальными имена- 
ми, начинающиеся с цифры. На внутренних позициях именных строк 
применение цифр не ограничивается. 


» Запрещается присваивать объектам зарезервированные и предопре- 
деленные имена. Например, имена ог, доситеп\, $4ппд имеют в языке 
Таса5спрЕ фиксированный смысл. Их переопределение может запу- 
тать интерпретатор языка и вызвать ошибки. 


4.10. Поиск и замена 


Процедуры поиска и замены — это неотъемлемые атрибуты любого со- 
временного редактора: текстового, гипертекстового или графического. Без 
автоматизации поисковых процедур работа со сложными документами 
была весьма затруднительной. 


Программа Огеатмеауег разрешает запускать команды поиска и замены во 
всех разделах программы, где приходится работать с большими массивами 
информации. Это, прежде всего, окно документа, Инспектор кода и Диспетчер 
узла. Областью поиска может служить отдельный документ, часть сайта, 
ограниченная выбранной папкой, или весь \еб-узел. В качестве поисково- 
го образца разрешается выбирать имена файлов, текст, текстовое содержи- 
мое дескрипторов определенного вида, коды гипертекстовой разметки. 


Способы запуска команды поиска стандартны. Для всех средств системы 
Огеатмеауег этот вызов осуществляется командой Еай » Епд апа Верасе (Прав- 
ка » Поиск и замена) или нажатием комбинации клавиш СТКЕ+Е. Возможные 
области поиска зависят от средства, которое инициировало процедуру. 
Поисковые процедуры требуют выбора нескольких параметров — нужно 
задать критерий поиска, область, дополнительные условия ит. п. Для вво- 
да параметров служит специальное диалоговое окно та (Поиск), вид кото- 
рого меняется в зависимости от выбранного режима. Простейший вариант 
окна представлен на рис. 4.5. 


Это окно содержит ряд элементов управления. 


® Список Рипа [п (Где искать) содержит перечень возможных зон поиска. 
Перечислим их: 
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Сипем Воситей 


Рис. 4.5. Диалоговое окно поиска 


Сиггег{ Эоситеп (Текущий документ); 
Епеге оса! ЗКе (Локальная версия узла); 


бае<еа ЕИез т ЗНе (Выбранные файлы узла); 


$ $ $ $ 


Ро!аег (Папка). 


Список Зеагсп Рог (Искать) содержит типы объектов поиска. С его по- 
мощью можно уточнить, что именно мы ищем: текст, дескрипторы, 
содержание дескрипторов и пр. От выбранного в списке пункта зави- 
сит внешний вид диалогового окна и состав его полей и переключа- 
телей. Перечислим все доступные типы объектов поиска: 


<  Зошсе Соае (Код разметки); 

<> Теж (Текст); 

< Тех (Адуапсеа) (Расширенный поиск); 
< Зрес!Шс Тад (Заданные дескрипторы). 


Поле Керасе \М ип (Заменить на) хранит информацию о требуемой за- 
мене. 


Три флажка: Мафсп Сазе (Совпадение регистров), 1дпоге М/пиезрасе 
ОНегепсе$ (Игнорировать количество пробелов), /зе Кедшаг Ехргез$!опз (Ис- 
пользовать метасимволы) — предназначены для уточнения режима по- 
иска. Если установлен первый из них, то в процессе поиска будет учи- 
тываться регистр символов. Второй флажок игнорирует различия в 
количестве пробелов между символами. В этом случае любое число 
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пробелов, следующих один за другим, рассматривается как один про- 
бел. Третий флажок включает режим поиска с использованием спе- 
циальных подстановочных символов (метасимволов). 


» Лве безымянные кнопки, расположенные напротив флажка Ма{си Сазе 
(Совпадение регистров), выполняют сохранение и загрузку сложных 
образцов поиска. Чтобы не вводить сложные критерии поиска заново, 
их можно сохранять в файле с расширением .ОМ/О. Записанные кри- 
терии доступны для загрузки в другие документы и во время после- 
дующих сеансов работы с данным документом. 


е Кнопка Ета Мех* (Найти далее) запускает процедуру поиска. 


»е Кнопка Ра А! (Найти все) инициирует поиск всех вхождений поиско- 
вого образца в заданную область. 


е Кнопка С№озе (Закрыть) отменяет поиск и закрывает окно. 


»е В правом нижнем углу диалогового окна расположена плохо замет- 
ная кнопка треугольной формы. Она служит для раскрытия диалого- 
вого окна. Ее нажатие выводит на экран нижнюю скрытую часть окна, 
где выводятся результаты работы команды Рид А! (Найти все). Двой- 
ной щелчок на имени документа открывает новое окно с загружен- 
ным документом и выбирает вхождение поискового образца. 


»е Кнопка Керасе (Заменить) служит для запуска двухшаговой процеду- 
ры, на первом этапе которой ищется следующее вхождение поиско- 
вого образца, на втором — оно заменяется содержимым, введенным в 
поле Верасе \/Ин (Заменить на). 


е Кнопка Верасе А! (Заменить все) инициирует поиск и автоматическую 
замену во всей заданной области поиска. 


к 


Сложные запросы для команды Яп4 апд Кер(асе (Найти и заменить 


сохраняются в файлах с расширением .О\М/К. Фактически запросы сохра- 
няются как файлы ХМЁ, поэтому в особенно сложных случаях их можно 
открывать в текстовом редакторе (и даже в самой программе Огеатмеамег) 
и редактировать вручную. 


Поиск текста 


Поиск текстового образца в текущем документе или по всему узлу почти 
не имеет отличий от привычной процедуры поиска в текстовых редакто- 
рах. Критерий поиска вводится в поле, которое расположено с правой сто- 
роны от списка Зеагсй Рог (Искать). 
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Пошаговый поиск запускается щелчком на кнопке Ета №ех{ (Найти далее). 
Найденные вхождения поискового образца выбираются, и пользователь 
может внести в окно документа все необходимые коррективы. Если поиск 
ведется во всем сайте или в выбранной папке, то программа откроет каж- 
дый документ, содержащий поисковый образец, в отдельном окне. 


Общий поиск выполняется по команде Ета А! (Найти все). После просмотра 
заданной области программа выводит итоговую сводку в нижней части 
диалогового окна Рипа апа Кер!асе (Найти и заменить). Чтобы перейти к выбран- 
ному документу, достаточно дважды щелкнуть по его имени в этой части 


окна. 


Если перед вызовом команды выбрать текст в окне документа, то он авто- 
матически используется в качестве критерия. Это соглашение работает 
только при поиске в пределах текущего документа. Следует помнить о 
том, что поисковый образец копируется из окна Инспектора кода, а пред- 
ставления строчек в окне редактирования и в Инспекторе кода могут 
немного отличаться. 


Однажды введенный поисковый образец сохраняется в поле диалогового 
окна до тех пор, пока не введен другой критерий. Чтобы выполнить по- 
вторный поиск с прежними параметрами, следует воспользоваться коман- 
дой Ее > Ета Мех+ (Файл » Найти далее) или нажать клавишу Е3. 


Поиск кода 


Программа располагает возможностью выполнять поиск в области гипер- 
текстовой разметки одного документа или нескольких документов сайта. 


Перечислим все доступные режимы. 


® Поиск по всей гипертекстовой разметке. В этом режиме код НТМЕ 
документа обрабатывается как обычный текст. В область поиска вхо- 
дит вся разметка, вместе с дескрипторами, атрибутами, сценариями 
и пр. 


® Поиск текста, входящего в область действия заданного дескриптора. 


® Поиск заданных дескрипторов или их атрибутов. 


Поиск в Инспекторе кода 


Этот режим поиска значительно расширяет возможности пользователя по 
обработке документа, поскольку Инспектор кода открывает доступ к таким 


159 


4. Документ 


атрибутам разметки, которые не видны в окне редактирования. В окне ин- 


спектора можно искать и изменять как содержание документа, так и его 
коды НТМЕ. 


Поиск в Инспекторе кода выполняется следующим образом. 

1. Дайте команду Еди » Ета апа Вер!асе (Правка » Найти и заменить). 

2. Вснписке Ета п (Где искать) выберите область поиска. 

3. В списке ЗеагсН Рог (Искать) выберите пункт Зоигсе Соде (Код разметки). 
4 


Введите критерий поиска. Это может быть любая последовательность 
символов — комбинация текста, дескрипторов, атрибутов и программ- 
НЫХ КОДОВ. 


5. Уточните режим поиска и запустите процедуру щелчком на кнопке Ета 
Мех+ (Найти далее) или Ета А! (Найти все). 


Программа откроет Инспектор кода и все найденные вхождения поискового 
образца будет выбирать в этом окне. 


Расширенный поиск 


Режим расширенного поиска — это мощное средство, которое дает возмож- 
ность с максимальной точностью задавать области и критерии поиска. 


Запуск этой процедуры выполняется следующим образом. 


1. Дайте команду ЕаИ » Ед апа Кер!асе (Правка » Найти и заменить) из окна 
документа или Диспетчера узла. 


В списке Ета [п (Где искать) уточните область поиска. 


3. В списке Зеагсп Рог (Искать) выбрать пункт Тех (Адуапсеа) (Расширенный 
поиск). Диалоговое окно с дополнительными параметрами расширен- 
ного поиска показано на рис. 4.6. 


4. Введите поисковый образец и выберите значения дополнительных па- 
раметров. 


5. Уточните режимы поиска и запустите процедуру щелчком на кнопке 
Рид Мех4 (Найти далее) или Ета А! (Найти все). 


По последовательности действий эта процедура ничем не отличается от 
рассмотренных ранее. Все своеобразие расширенного режима заключается 
в возможности подключения нескольких фильтров, которые ограничива- 
ют поисковое пространство и способны существенно повысить эффектив- 
ность команды. 
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Рис. 4.6. Расширенный поиск 


Фильтрация — это задание области действия команды с учетом выбран- 
ных пользователем дескрипторов и атрибутов. При помощи кнопки со зна- 
ком + можно добавлять новые фильтры, кнопка со знаком — служит для их 
удаления. Фильтрация требует задания специфических параметров, для 
ввода которых следует воспользоваться дополнительными ассоциирован- 
ными полями и списками. Их программа выводит с правой стороны от ос- 
НОВНОГО ПОЛЯ. 


Рассмотрим типы фильтров. 


® [пзае Тад (Внутри дескриптора). Ограничивает область поиска заданны- 
ми дескрипторами. Сам дескриптор следует выбрать из списка, рас- 
положенного справа от поля. 


® №: пе Тад (Вне дескриптора). Запрещает поиск в области действия 
выбранных дескрипторов. Тип дискриминируемого кода разметки вы- 
бирается из списка, который находится справа от поля. 


е \У/ип Аниьше (С атрибутом). Сводит область поиска к содержимому 
дескрипторов с заданными атрибутами. Тип атрибута можно задать в 
списке справа, содержимое которого зависит от выбранного ранее 
дескриптора. Здесь же можно уточнить значение атрибута. Для этого 
в ассоциированном списке надо выбрать тип отношения: = (равно), 
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< (меньше), > (больше), != (не равно) и задать пороговое значение в 
самом правом поле этой строки. 


® \ИНпош АНгьше (Без атрибута). Исключает из области поиска содер- 
жимое выбранных дескрипторов с заданными атрибутами. Выбор и 
уточнение последних выполняется так же, как описано в предыду- 
щем пункте. 


® Соп4аттд (Содержащий). Ограничивает область поиска выбранными 
дескрипторами с заданным текстовым содержимым или кодами раз- 
метки. Чтобы задать текст внутри дескриптора, требуется выбрать в 
ассоциированном списке пункт Тех! (Текст) и ввести нужную строку. 
Для уточнения вложенных кодов требуется выбрать пункт Тад (Деск- 
риптор) в том же списке и нужный дескриптор из ассоциированного 
списка. 


® №+ Сопатта (Не содержащий). Этот фильтр по технике настройки 
ничем не отличается от предыдущего, только он не прибавляет, а вы- 
читает заданную ‹ область из 3 общего поискового > пространства. 


Если при 1 помощи кнопки со знаком + добавить в : диалоговое < окно о рас- 
ширенного поиска достаточно много новых фильтров, то управляющие 
кнопки выйдут за пределы видимой области окна. Чтобы очистить диа- 
логовое окно, надо в поле $еагсН Гог (Искать) выбрать пункт ТехЕ (Текст), 
а затем опять Техё (Адуапсед) (Расширенный поиск). Такое переключе- 
ние вызовет т «обнуление» с списка а дополнительных фильтров. 


В диалоговом с окне ь расширенного! поиска а программа в ВЫВОДИТ 1 только ас- 
социированные списки атрибутов. Это значит, что пользователю пред- 
лагается выбор из тех атрибутов, которые можно использовать в опре- 
делении данного дескриптора. 


Поиск дескрипторов 


В этом режиме пользователь может выполнить поиск определенного деск- 
риптора, отдельно или вместе с заданным атрибутом. Эти параметры не 
предназначены для ограничения области поиска; они представляют собой 
критерии, применимые к документу, сайту или содержимому выбранной 
папки. Тех же результатов можно добиться, работая с Инспектором кода в 
режиме обычного поиска, но многие конструкции языка НТМЕ неудобны 
для ввода из-за своей длины и многочисленности параметров. Не всякий 
искушенный Уеб-дизайнер помнит наизусть несколько сотен ключевых 
слов, вошедших в стандарт международного консорциума ЗС. Их число 
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может существенно возрасти при использовании заказных и нестандарт- 
ных дескрипторов (например Со4ЁРиз оп). 


Поиск дескрипторов выполняется следующим образом. 


1. Дайте команду Е!е »> Рп4 апа Кер!асе (Файл » Найти и заменить) в окне ре- 
дактирования или Диспетчера узла. 


Задайте область поиска в списке Ета [п (Где искать). 
Выберите пункт Тад (Дескриптор) в списке Зеагсн Рог (Искать). 


Выберите дескриптор и его атрибуты. 


ялдмреоъ 


Уточните режимы поиска, выставив требуемые значения флажков Маисн 
Сазе (Совпадение регистров), |дпоге /нИезрасе О!егепсе$ (Игнорировать ко- 
личество пробелов), Цзе Кедщаг Ехргез$!оп$ (Использовать метасимволы). 


6. Запустите процедуру поиска щелчком на кнопке Ета Мехи (Найти далее) 
или Нпа А! (Найти все). 


Выбор дескрипторов, задание атрибутов и заполнение дополнительных 
полей, которые открывает программа в этом режиме, выполняются так же, 
как при расширенном поиске (см. раздел «Расширенный поиск»). Для до- 
бавления и удаления атрибутов используются клавиши со знаками + и -—. 


УНАЕ 


Рис. 4.7. Поиск дескрипторов 


Вместо утомительного подчас пролистывания длинных списков дескрипто- 
ров и атрибутов можно воспользоваться следующим приемом. Откройте 
список и начните ввод первых букв названия. Программа перейдет в ту часть 
упорядоченного по алфавиту списка, который начинается с указанных 
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Этот режим поиска предоставляет пользователю самые большие возмож- 
ности для составления сложных критериев, которые способны учитывать 
особенности расположения символов и структуру документа. Регулярные 
выражения представляют собой шаблоны, которые могут принимать сим- 
вольные или строковые значения, обобщая содержимое документа. Мно- 
гие операционные системы и программы, обрабатывающие большие инфор- 
мационные массивы, располагают подобными средствами. Регулярные 
выражения, которые предлагает пакет Огеатмиеауег, по синтаксису и выра- 
зительным возможностям близки к аналогичным средствам операционной 
системы ИМХ. 


Для работы с регулярными выражениями требуется включить флажок Цзе 
Кедшаг Ехргеззоп (Использовать регулярные выражения) в диалоговом окне по- 
иска или замены. 


Групповые символы 


Групповые символы (#1 @сат4$) — это простейший тип регулярных выра- 
жений. Они служат для обозначения местоположения одиночных симво- 
лов различных видов и типов. В таблице 4.1 представлены все групповые 
символы программы. 


зоваться двояко: как конструктивные элементы регулярных выражений 
или текстуально. В первом случае они способны принимать различные 
значения, во втором — представляют только самих себя. 


Чтобы программа поиска интерпретировала спецсимволы как литеры, а 
не как регулярные подвыражения, их следует записывать после знака 
обратной косой черты, например \* или \\. 


Символьные позиции и повторения 


С помощью регулярных выражений можно ограничить область поиска оп- 
ределенными позициями в строке или слове. Кроме того, это средство дает 
возможность формулировать поисковые критерии для нахождения повто- 
ряющихся последовательностей символов. Сочетание этих режимов зна- 
чительно увеличивает и потенциал команды Ра апа Керасе (Найти и заме- 
нить). 
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Таблица 4.1. Групповые символы 


Групповой символ Значение Пример 

. (точка) Любой одиночный символ, Поисковый образец ми. будет 
исключая символ перевода соответствовать \/де, но не мопа 
строки 

\\М Любой буквенно-цифровой Выражение зт\ М отвечает словам 


символ, включая и символ этие и эта! 
подчеркивания. В эту 

группу входят прописные 

строчные символы 

латиницы, цифры и 

символ подчеркивания _ 


(ипдаег$соге) 
\М/ Любой не алфавитный Так, адрес электронной почты 
СИМВОЛ зНагк@тай.ги можно найти по 
запросу зНагКк\ \\Мтай.ги 
\а Любая цифра НазН\ 9 соответствует всем версиям 
программы Наз$В 
\Б Любой символ, Образец Нап \ О версий программы 
не являющийся цифрой обозначать не может, но зато 
подходит под слово Н/азНта или 
Назпаип 
\5$ Символ пробела или его Выражение \$теФ!а отвечает слову 
заменители: табулятор, тед!а, но не названию фирмы 
прогон страницы, прогон Масготед!а 
строки 
\$ Любой символ, кроме Выражение \Зтед!а годится как 
пробела и его заменителей — образец для слова Масготеса, но 
не соответствует тега 
м. Любой одиночный символ 
табуляции 
\ Символ прогона страницы 
\п Символ прогона строки 
\г Символ возврата каретки 


сл 
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В таблице 4.2 представлены все конструкции, которые служат для задания 
положения и повторения поисковых образцов. 


Таблица 4.2. Указание позиций и повторений символов 


Символ Значение Пример 


Начало строки ^а означает букву а в начале строки. Этому 
образцу соответствует слово амото Ее, если 
оно занимает первое место в строке 


$ Конец строки $г соответствует слову та{Пег, стоящему в конце 
строки, но не слову гасе 

\Ь Граница слова — /БЬ разрешает найти слово Боок, но не {ех{Боок 
пробел или 
символ конца 
строки 

\В Не крайняя буква / ВЕ соответствует этрие{ехжф, но не реагирует на 

слово {ех{роокК 

* Повторение Ь*с может означать ВВС и сабт 

предшествующего 
_ символа НОЛЬ или 

более раз 

+ Повторение Ь-Ес подходит для ВВС, но не для саЫп 
предшествующего 
символа один или 
более раз 

? Наличие или ${?ип соответствует словам $ип и {ип 
отсутствие 
предшествующего 
символа 

{п} Число повторений с{2} подходит для слова ассеегафог, но не 
предшествующего соответствует слову асадет!с 
символа равно п 

{п.т} Минимум пи [{2,4} позволяет найти числа в шестнадцатеричной 
максимум т записи #РЕР70012 и #ЕЕЕЕ 
предшествующих 
СИМВОЛОВ 
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Символьные диапазоны 


С помощью регулярных выражений можно выполнять поиск символов, по 
критерию вхождения или не вхождения в заданный пользователем диапа- 
зон литер. 


В таблице 4.3 представлены все строительные элементы, используемые в 
регулярных выражениях этого типа. 


Таблица 4.3. Задание символьных диапазонов 


Символ Значение Пример 


[аб‹] Любой из символов, 
указанных в квадратных 
скобках 


[`абс] Любые символы, кроме 
букв, стоящих в 
квадратных скобках 


[а-2] Любые символы в [а-с] позволяет организовать поиск 
диапазоне с указанными всех вхождений буква, Бис 
границами 


ху Любая из строчек, а!ра соответствует двум форматам 
разделенных вертикальной графических файлов СН и |рд 
чертой 


Замена 


Операция замены — это родственная поиску команда; в большинстве текс- 
товых, гипертекстовых и графических редакторов эти команды имеют схо- 
жую технику и соседствуют вменю и диалоговых окнах. Программа Огеатмеауег 
в этом смысле не является исключением из общего правила. В ней опера- 
ции поиска и замены имеют одинаковые режимы и используют одно диа- 
логовое окно для своей настройки, запуска и вывода результатов. 


Для управления заменой служат три элемента управления. 
® Керасе МИН (Заменитьна). Поле предназначено для ввода образцов замены. 


е Керасе (Заменить). Кнопка запускает команду поиска следующего 
вхождения поискового образца и его замены. 
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® Керасе А! (Заменить все). Кнопка инициирует процедуру глобального 
поиска и замены. 


Команда замены работает во всех режимах и областях, доступных для про- 
стого поиска. В режиме поиска дескрипторов (Зрес#с Тад) потенциал этой 
команды намного превосходит все остальные ее возможности. Она позво- 
ляет пользователю внести в исходную разметку документа любые измене- 
ния — от тончайшей настройки отдельных атрибутов до масштабного пе- 
рекодирования больших кодовых фрагментов. Так, с ее помощью можно: 


® менять или удалять дескрипторы; 
® задавать значения атрибутов дескрипторов; 
» удалять выбранные атрибуты; 


е добавлять текстовое содержимое или коды разметки перед и после 
заданного дескриптора-контейнера. 


Диалоговое окно команды замены дескрипторов показано на рис. 4.7. Кроме 
знакомых кнопок и полей, предназначенных для задания области поиска, 
выбора фильтров и управления всей процедурой, оно имеет список Ас#оп 
(Действие), с помощью которого выполняется основная настройка команды. 


Ч ап9 Церасе 


Сипем боситещ 


УЛ Аше 


Рис. 4.7. Замена кодов 
Рассмотрим список возможных действий раздела Асчоп (Действие). 


® КерасеТад & Согуеп* (Заменить дескриптор и содержимое). Меняет выбран- 
ный дескриптор и его содержимое на заданную в поле У/иН (На) 
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строчку. Последняя может включать в себя любые коды разметки 
языка НТМЕ. 


Керасе Согеп! Опу (Заменить содержимое). Меняет содержимое выбран- 
ного дескриптора на заданную строчку, в состав которой могут вхо- 
дить коды разметки. 


Кетоуе Тад & Согицеп! (Удалить дескриптор и содержимое). Удаляет выбран- 
ный дескриптор и его наполнение. 


З4р Тад (Удалить дескриптор). Удаляет дескриптор, оставляя его содер- 
жимое неизменным. 


_ СпапаеТад (Изменить дескриптор). Выполняет замену дескриптора, выбран- 
ного в поле Ета УМВа{ (Найти), на выбранный дескриптор поля То (На). 


$е1 АНиБще (Задать значение атрибута). Задает значения существующих 
атрибутов или вставляет новые атрибуты с выбранными пользовате- 
лем значениями. 


Кетоуе АнгЬше (Удалить атрибут). Удаляет выбранный атрибут. 


Ада Вегоге З{аг* Тад (Добавить перед открывающим дескриптором). Встав- 
ляет текстовую строку перед заданным открывающим дескриптором. 
Строка может включать любые коды разметки. 


Ада АНег Епа Тад (Добавить после закрывающего дескриптора). Вставляет 
текстовую строку (с кодами разметки или без оных) после заданного 
закрывающего дескриптора. 


Ада АНег З{аг* Тад (Добавить после открывающего дескриптора). Вставля- 
ет текстовую строку после выбранного открывающего дескриптора. 
Строка может включать любые коды разметки. 


Ада Ве!оге Ела Тад (Добавить перед закрывающим дескриптором). Встав- 
ляет текстовую строку (с кодами разметки или без оных) после выб- 


ются универсальными. В языке ЯТМЁ есть одиночные коды разметки и 
дескрипторы без параметров, выбор которых существенно ограничивает 
список доступных настроечных параметров. В таких случаях программа 
делает недоступными соответствующие поля и списки диалогового окна 
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Сложные поисковые процедуры часто требуют тонкой, глубокой настройки 
параметров диалогового окна Е па апа Керасе (Найти и заменить). Среди всех 
режимов поиска своей трудоемкостью и обилием опций выделяется режим 
Зрес с Тад (Заданные дескрипторы), который дает разработчику очень широ- 
кие возможности по изменению исходного кода гипертекстового документа. 
Если бы каждый поисковый сеанс требовал повторного ввода многочис- 
ленных настроечных параметров, то полезность такой команды была бы 
спорной. Программа Огеатмеауег разрешает сохранять поисковые образцы 
в специальном файле с расширением .О\\МВ и загружать сохраненные образ- 
цы в поля диалогового окна ЁЕ тд апд Кер!асе (Найти и заменить). 


Процедура сохранения очень проста. 
1. Откройте диалоговое окно Етд апа Вер!асе (Найти и заменить). 


2. Создайте запрос на поиск. Для этого выберите требуемый режим и за- 
полните все нужные поля окна. 


3. Щелкните на кнопке $ауе Сиегу (Сохранить запрос). Она расположена в 
правой части диалогового окна и представлена значком с изображени- 
ем гибкого диска. 


4. По умолчанию запросы сохраняются в каталоге СопЙдигайопз\Оиене$ в 
файле с именем, выбранным пользователем, и расширением .О\УМВ. 


Для загрузки сохраненного запроса щелкните на кнопке !оаа Оиегу (Загру- 
зить запрос) и выберите файл, хранящий нужные поисковые параметры. Эта 
кнопка расположена левее кнопки сохранения. 
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5.1. Источники текста 


Хотя программа Огеатмеауег и представляет собой гипертекстовый редак- 
тор, приставка «гипер» не означает приращения возможностей по сравне- 
нию со специализированными программными средствами обработки тек- 
ста. Программа располагает самым обычным арсеналом возможностей для 
работы с символьной информацией: ввод, удаление и поиск символов, про- 
верка орфографии (для документов на английском языке) и форматирова- 
ние. 


Текстовый массив может быть просто введен с клавиатуры. Большие фраг- 
менты удобнее создавать при помощи текстовых редакторов, а затем импор- 
тировать в систему Огеатумеауег. Такие обмены можно выполнять посред- 
ством промежуточных файлов-посредников или помощи буфера обмена. 


Управляют работой буфера обмена стандартные для платформы И т40&5 
команды: 


е Ед» Сш (Правка »> Вырезать) или СТКЕЧХ; 
® Еаи > Сору (Правка » Копировать) или СТКЕ+С; 
е Еаи >» Разе (Правка » Вставить) или СТКЕ-У. 


При передаче через буфер обмена не сохраняется форматирование текста, 
заданное в родительской программе. Программа Огеатмеауег сохраняет концы 
строчек, кроме того, все символы конца абзаца заменяются спецсимволами 
конца строки. Последовательности пробелов, которые так любят пользо- 
ватели программы \\ога, отбрасываются и представляются одним пробель- 
НЫМ СИМВОЛОМ. 


Простые текстовые файлы с расширением .ТХТ можно открывать в программе 
при помощи штатной команды Ее » Ореп (Файл »> Открыть). При этом неко- 
торые ресурсы Огеатмеауег, предназначенные для работы с кодами разметки, 
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будут недоступны. Блокировка снимается после сохранения текста в лю- 
бом гипертекстовом формате, например в файле с расширением .НТМ. 


Стоит упомянуть и о перетаскивании. Значки файлов, текстовых и гипер- 
текстовых, можно просто перетаскивать в окно программы. Эта техника не 
дает никаких дополнительных преимуществ или возможностей; она пред- 
ставляет собой вариант команды открытия файла и передачи через буфер 
обмена. 


5.2. Структурирование текста 


Основными средствами структурирования текста в языке НТМЕ являются 
дескрипторы абзацев, заголовки, концы строк и горизонтальные линейки. 


Абзацы 


С точки зрения литературного редактора, абзацем называется подразделе- 
ние текста внутри главы или раздела, обладающее относительным смысло- 
вым единством. По мнению оператора настольной издательской системы, 
это часть текста с однородными признаками форматирования. В языке 
НТМЕ абзацем называется кодовая последовательность, заключенная 
внутрь контейнера с открывающим дескриптором <р> и закрывающим 
<\р>. При выводе на экран программа просмотра обрабатывает абзацы как 
логические единицы документа, пытаясь вписать их содержимое в уста- 
новленные поля и размеры экрана. 


Во многих руководствах, посвященных языку гипертекстовой разметки, 
подчеркивается, что абзацы представляют собой средство структурирова- 
ния страниц и инструмент логической разметки текста и что они не несут 
никакой оформительской информации. Это утверждение справедливо 
лишь отчасти, поскольку с каждым таким элементом связывается некото- 
рое простое оформление. Во-первых, все абзацы начинаются с новой стро- 
ки, во-вторых, перед ними программа помещает свободное пространство, 
высота которого равна примерно одной строке. 


Программа создает новый абзац по нажатию клавиши ЕМТЕВ в режиме про- 
смотра страницы. Вновь созданный пустой абзац в режиме просмотра ко- 
дов имеет вид <р>&пЬзр;</р>. Символ внутри дескриптора означает не- 
разрывный пробел. Он нужен для того, чтобы сделать новый абзац види- 
мым. Если удалить его, то макет страницы не претерпит никаких видимых 
изменений. Если после создания нового абзаца продолжить ввод, то нераз- 
рывный пробел автоматически заменяется введенным текстом. 
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При работе с текстовыми редакторами очень популярен прием, когда для 
разгона строк по вертикали используют несколько символов конца абзаца. 
По соглашениям, принятым в языке НТМЕЁ, последовательность дескрип- 
торов вида <р><\р><р><\р>... не дает дополнительного пространства и 
рассматривается как один абзац. 


В ранних версиях языка ТМ  ескриптор «р по определению был < оди- 
ночным. Начиная с версии 3.2, в описание языка введен факультатив- 
ный закрывающий дескриптор абзаца <\р>. Его использование не обя- 
зательно, поскольку для правильного разбора содержимого страницы 
достаточно выбрать только начало абзаца. Для совместимости с буду- 
щими версиями броузеров и языковых стандартов рекомендуется ста- 
вить закрывающие дескрипторы в конце абзацев. Это, кроме того, улуч- 
шает читаемость листинга. 


В обычных т текстовых редакторах сдвинуть строку у абзаца г по горизонтали 
можно многими разными способами. Чаще всего для этого используют не- 
сколько пробелов (порочный способ) или табуляцию (хороший прием). Ни 
один из этих приемов не работает в программе Огеатмеауег. Программа зап- 
рещает ставить серийные пробелы, а по нажатию табулятора в точку вставки 
помещается обычный пробельный символ. 


Лучшее решение этой задачи дает применение каскадных листов стилей. В ка- 
честве неплохого паллиатива можно использовать символ неразрывного 
пробела. Для вставки этой литеры следует воспользоваться командой 1пзем »> 
Зреса! Свагасег$ > Моп-ВгеаКтд Зрасе (Вставка » Специальные символы » Нераз- 
рывный й пробел) ИЛИ клавиатурным сочетанием СТЕЕ+$НЕТ+ПРОБЕЛ. 


Е сли В документе ИСПОЛЬЗУЕТСЯ 1 кодировка, ‹ отличная от т установленной 
по умолчанию Меегт (Ёап1), то правильное отображение символов 
неразрывного пробела в возможно не во всех броузерах. 


Дескриптор абзаца имеет единственный атрибут — это параметр айдп, кото- 
рый отвечает за выравнивание и принимает три значения: (ей (по левому 
краю), пан! (по правому краю), сещег (по центру). 


Заголовки 


Заголовки — это одно из важнейших средств структурирования докумен- 
тов НТМЕ. Правильно названные и расставленные заголовки служат свое- 
образными указателями, направляющими внимание читателя, облегчаю- 
щими его навигацию по длинному и неоднородному гипертекстовому доку- 
менту. 
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Дескрипторы заголовков представляют собой контейнеры; они начинают- 
ся с открывающего дескриптора вида <п1*> и заканчиваются тегом </п*>, 
где звездочка означает номер или уровень заголовка. В языке НТМГ пре- 
дусмотрено шесть стандартных заголовков: <Н1>, <12>, <13>, <14>, <15>, 
<в6> (в порядке убывания старшинства). 


По духу языка НТМЕГ эти элементы являются скорее средствами логичес- 
кой разметки документа, инструментами его структурирования, а не час- 
тью художественного стиля или элементами оформления. Поэтому спосо- 
бы их представления скрыты от пользователя; они устанавливаются по 
умолчанию в программах просмотра. 


Часть сетевой общественности считает, что стандартные заголовки выгля- 
дят непривлекательно, поэтому страницы, перегруженные этими элемен- 
тами, способны отпугнуть посетителя с повышенными эстетическими запро- 
сами. На страницах академического направления, у которых глубокая содер- 
жательная часть оправдывает непритязательное оформление, допустимо 
использовать до трех уровней заголовков. 


Есть ситуации, когда трудно обойтись без стандартных заголовков. Мно- 
гие программы автоматического преобразования текста требуют их ис- 
пользования при конвертации из одного формата в другой. 


Приведем еще несколько простых правил использования заголовков. Дес- 
крипторы заголовков являются истинными контейнерами — для них обя- 
зательно наличие закрывающего тега. Программы просмотра ставят по од- 
ной пустой строке перед каждым таким элементом страницы. Заголовки 
нельзя применять для описания символов внутри абзаца — они сами опре- 
деляют отдельный абзац. Если выполнить разметку вручную в кодовом 
режиме, то содержимое абзаца будет разбито на три независимые части. 


Дескрипторы стандартных заголовков допускают единственный параметр — 
атрибут выравнивания аПоп с теми же значениями, что и у дескриптора аб- 
заца. 


Переход на новую строку 


Переход на новую строку — это одно из средств структурирования текста. 
В языке НТМЕ эту задачу решает одиночный дескриптор <ьг>. Получив 
такое предписание, программа обрывает текущую строчку и все объекты, 
стоящие после тега <5г>, выводит с новой строки. 
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В отличие от дескриптора абзаца тег обрыва строки не добавляет пустую 
строку перед собой и не требует замыкания. Его применение позволяет 
получить расстояние между строками, примерно равное одному интервалу 
в типографских единицах измерения. Два последовательных перехода на 
новую строку дают большее свободное пространство, чем вставка одного 


дескриптора <р>. 


Некоторые программы просмотра игнорируют несколько стоящих рядом 
дескрипторов вида <Ът>. Поэтому следует с осторожностью использо- 
вать это средство для вставки в документ пустых строк. 


Длина строки, отображаемой на экране, зависит не только от расстановки 
на странице дескрипторов <5г>. Существенное влияние оказывают и раз- 
меры окна программы просмотра. Если поместить дескриптор перехода на 
новую строку в конец очень длинной строки, то при отображении в окне 
небольшого размера броузер все равно разобьет ее на несколько частей. Чем 
короче фрагменты между такими дескрипторами, тем выше вероятность 
того, что пользователь увидит строку такой, какой она должна быть, по 
мнению дизайнера. Примерно 60-80 символов на строку — это та золотая 
середина, которая способна сохранить проектную длину и не осложнить 
восприятие написанного. 


Дескриптор <> прекрасно сочетается с любыми структурными состав- 
ляющими страницы. В частности, его можно поместить внутрь абзаца или 
любого стандартного заголовка. 


Ситуации, когда возникает необходимость сохранить строку от разрыва, 
встречаются на практике намного реже. Чаще всего этого требуют адреса и 
важные заголовки. Есть несколько способов запретить переход на новую 
строку, одним из них является полулегальный дескриптор <поБг>. Этот 
тег не упоминается в описании языка НТМЕ, но исправно работает в боль- 
шинстве версий основных броузеров. Дескриптор запрета переносов пред- 
ставляет собой контейнер и требует обязательного указания замыкающего 
тега. 


Программа Огеатмеауег располагает несколькими способами вставки деск- 
рипторов перехода на новую строку. Самый простой — это стандартная 
комбинация клавиш ЗНЕТ+ЕМТЕВ. Кроме того, существует специальная ко- 
манда с длинным названием пзег » Зрес!а! Спагацег$ »> Ыпе Вгеак (Вставка » 
Специальные символы » Переход на новую строку) и кнопка на палитре Оес$ 
(Объекты). 
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говорят в типографике, — это одна из трудных для проблем для стан- 
дартного языка НТМЕ. Перевод строки дает слишком плотное располо- 
жение текста, поскольку в этом случае расстояние между соседними 
строчками устанавливается равным высоте букв. Дескриптор абзаца, 
напротив, чрезмерно распахивает текст, оставляя значительные пробе- 
лы между соседними линиями. 


Авторы гипертекстовых документов накопили значительную коллекцию 
обходных путей решения этой задачи. Так, некоторые вставляют в текст 
невидимые изображения требуемой высоты. Другие способы — это со- 
здание невидимого табличного каркаса, вставка текста в виде картинки, 
использование предварительно отформатированного текста и пр. Все 
эти трюки и приемы не дают полного контроля над межстрочным рассто- 
янием. Лучшее решение — это использование табличных стилевых спе- 
цификаций. 


5.3. Предварительное форматирование 


По соглашениям, принятым в языке НТМГ, программы просмотра не при- 
нимают во внимание многие параметры форматирования, полученные тек- 
стом при его вводе и форматировании в родительском приложении. Так, 
игнорируются дополнительные пробелы, избыточные переходы на новую 
строку, отступы, табуляторы и др. 


Однако разработчики ввели в состав языка специальные средства, кото- 
рые разрешают сохранить исходное форматирование текста. Наиболее упот- 
ребительным из них является дескриптор <рге>. Это дескриптор-контей- 
нер, который способен удержать почти все атрибуты физического и логи- 
ческого форматирования. Его содержимое выглядит так, как при вводе тек- 
ста в текстовом редакторе: сохраняются все пробелы, символы конца абза- 
ца транслируются в переводы строк. Внутрь таких фрагментов разрешает- 
ся вставлять некоторые коды разметки языка НТМЕ. Однако структурные 
дескрипторы <р> и <*> в составе предварительно отформатированного 
текста игнорируются. | 


Дескриптор <рге> отмечен множеством достоинств, но имеет один суще- 
ственный недостаток. Его содержимое представляется малопривлекатель- 
ным моноширинным шрифтом. Это наследие архаического кассового на- 
бора, когда все литеры занимали одинаковые по ширине гнезда наборного 
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стана, независимо от их подлинных размеров. Самым известным предста- 
вителем этого семейства является шрифт Соипег. 


В каких ситуациях применение предварительно отформатированного тек- 
ста можно считать оправданным? Без него трудно обойтись при представ- 
лении коротких стихотворных строк или листингов программ. В докумен- 
тах типа бухгалтерских отчетов или складских ведомостей, изобилующих 
числовым материалом, который требует точного выравнивания, дескрип- 
торы <рге> — это неплохая альтернатива таблицам. 


Обычно столбцы ‹ чисел выравнивают при Помощи табуляторов. Специ- 
фикация языка НТМЁ не рекомендует использовать символы табуляции 
и в предварительно отформатированном тексте, поскольку они не пол- 
ностью › поддерживаются программами просмотра. | 


Для вставки дескриптора <рге> достаточно поместить текстовый курсор в 
любое место абзаца или стандартного заголовка и дать команду Теж{ » 
Рагадгарн Рогта+ »> Рге{огтаНед Тех+ (Текст »> Формат абзаца »> Форматированный 
текст). 


Эту команду можно запустить на выполнение при помощи Инспектора свойств 
(СТКЕ-+ЕЗ). Для этого в списке Рогта{ (Формат) надо выбрать пункт 
Рге{огтацеа (Предварительное форматирование). 


5.4. Списки 


Природа списков двойственна. С одной стороны, они представляют собой 
мощное средство структурирования документа. Их применение представ- 
ляет в наглядной доступной форме разнородные качества одной сущности: 
последовательность пунктов, перечень условий, относящихся к одной теме 
или предмету. С другой стороны, списки можно рассматривать и как сред- 
ство форматирования страниц, элементы оформительского стиля документа. 


В языке НТМЕ есть специальные средства для создания списков трех раз- 
личных видов: нумерованных, маркированных и списков определений. При 
необходимости списки можно вкладывать друг в друга, это позволяет пред- 
ставить в наглядной форме информацию сложной структуры. 


Нумерованные списки 


Нумерованные списки, которые иногда называют упорядоченными, пред- 
ставляют собой последовательность пунктов или разделов, каждый из ко- 
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торых начинается с порядкового номера. В языке НТМЕ такие образования 
создают при помощи дескрипторов-контейнеров <о!> (от отаетеа [5 что 
переводится как упорядоченный список). Это внешние операторные скобки 
списка; каждый отдельный его пункт начинается тегом <й> (от [5 Пет, что 
можно перевести как элемент списка). Этот дескриптор, по сути дела, явля- 
ется контейнером, но в силу избыточности списочной разметки замыкаю- 
щий дескриптор </1> допускается не использовать. В стандарте языка не 
оговариваются никакие ограничения на емкость списка. Внутри списков 
можно применять дескрипторы физической и логической разметки. Речь 
об этих инструментах форматирования гипертекстовых документов пой- 
дет в следующих разделах книги. Далее приведен пример листинга упоря- 
доченного списка, в котором перечислены названия некоторых визуаль- 
ных редакторов гипертекстовых документов. 


<о> 
<|>Огеат\миеауег< /|> 
<|>НотезНе</|> 
<|>Но!Ме! Ро</1> 
<!>НоптРаде</1> 
<!>РавеМ!|</1> 
</о> 


Разрешается образовывать на основе упорядоченных списков сложные 
иерархии, где разделами списка высшего уровня служат списки нижнего 
уровня. 


Нумерованый список создается следующим образом. 


1. Выберите несколько структурных блоков документа. Таковыми могут 
быть абзацы, любые стандартные заголовки, предварительно отформа- 
тированный текст, а также разделы других списков. 


1. Огеатууеаует 
2. Нотезце 
3. Номаеа Рго 


4. ЕтопЕРаре 
5. Раве МШ 


Рис. 5.1. Представление упорядоченного списка 
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2. Дайте команду Тех+ » 31 » Огаегед $4 (Текст » Список » Нумерованный 
список). 


Эта команда представлена и в Палитре свойств, которая вызывается клавиа- 
турной комбинацией СТВЕ-+ЕЗ. 


Маркированные списки 


Маркированными, или неупорядоченными, называются списки с произволь- 
ной последовательностью перечисления разделов. Пункты таких списков 
обычно помечаются специальными символами-маркерами. По умолчанию 
это кружок небольшого диаметра. Как и нумерованные списки, эти объек- 
ты обеспечивают автоматический перевод строк и надлежащий отступ для 
каждого раздела и допускают иерархическое вложение списков. 


Внешними дескрипторами для маркированных списков служит пара <и!> 
и </и>. Пункты начинаются с дескриптора <#>, который, как и ранее, явля- 
ется контейнером, но допускает сокращенное указание без закрывающего 
тега. Следующий короткий листинг иллюстрирует технологию построения 
маркированных списков. 


<> 

<!>Темпера </1> 
<!>Акварель</1> 
<1>Гуашь</ > 
<|1>Пастель</ [> 
</и> 


При создании списков в кодовом режиме пункты списка рекомендуется 
сдвигать вправо при помощи пробелов. Такая разметка игнорируется про- 
граммами просмотра, но намного улучшает читаемость листинга. 


Броузеры последних версий поддерживают очень важный атрибут марки- 
рованных списов, который управляет видом маркера. Это атрибут уре, он 


‚ Темпера 
‚ Акварель 


‚ Гуашь 
, Пастель 


Рис. 5.2. Представление маркированного списка 
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может принимать следующие значения: сис (круг), 91$К (диск), зацаге (квад- 
рат). 
Процедура создания неупорядоченных списков следующая. 


1. Выберите несколько смежных структурных блоков документа. 


2. Дайте команду Тех » [1$4 »> Упогаегеа |41$+ (Текст » Список »> Неупорядочен- 
ный список). 


Эта часто используемая команда представлена кнопкой в палитре Ргорем“у 
|пзрес{ог (Инспектор свойств) (СТКЕ-ЕЗ). 


Скудный выбор из нескольких простых маркеров, который предлагает стан- 
дарт языка НТМЕ, конечно, не может удовлетворить потребности дизайне- 
ров. Эти кружочки и квадратики, выдержанные в гамме школьной доски, 
способны испортить впечатление от содержательной страницы с качествен- 
ным художественным исполнением. Какими же возможностями для рабо- 
ты со специальными маркерами располагает программа? 


Существует два основных способа вставить картинку небольшого размера 
в качестве специального маркера. Во-первых, ее можно поместить непос- 
редственно в текст, используя технику вставки рисунков. Эта важная для 
У\"еБ-дизайна тема подробно рассматривается в соответствующем разделе 
книги. Другой способ требует размещения пункта списка, вместе с помеча- 
ющим его значком, внутри вспомогательной таблицы. Она играет роль сво- 
образного! каркаса И удерживает текст и его маркер на одной строке. 


_ Чтобы ы отделить маркер от ‘текста, | ‘следует использовать один или несколь- 
ко неразрывных пробелов (СТЕЕ+5НТЕТ+ПРОБЕЛ). 


Списки определений 


Списки определений (дейтноп Й5ё) по своему виду напоминают представ- 
ление информации в словарях или глоссариях. Подобно планировке сло- 
варной статьи, они состоят из заголовка или названия, за которым с неко- 
торым отступом по горизонтали следует развернутое описание. 


Для создания списка определений используются дескрипторы трех видов: 
<4!>, <91> и <да>. Все они являются контейнерами. Дескриптор <9!> за- 
дает область определения списка, <а{> —помечает название списочного 
элемента, <94> — ограничивает его описание. Короткий листинг, приве- 
денный далее, показывает пример построения простого списка определе- 
НИЙ. 
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Легато 

Плавный переход одного звука в другой 
Стаккато 

Отрывистое исполнение звуков 
Глиссандо | 

Скольжение от одного звука к другому 


Рис. 5.3. Представление списка определений 


<а|> 

<9!>Легато</ а!> 

<99>Плавный переход одного звука в другой</ 94> 
<9>Стаккато< / {> 

<99>Отрывистое исполнение звуков</Яа> 
<ЧР>Глиссандо</9!> 

<94>Скольжение от одного звука к другому</а4> 
</4> 


Замыкающие теги для дескрипторов <94+> и <а4а> применяются довольно 
редко, несмотря на то что по стандарту языка они являются контейнерами. 
Синтаксическая избыточность списков определений позволяет выполнить 
корректный разбор даже по одиночным тегам, помечающим заголовки и 
их описания. 


Списки определений — это весьма толерантные объекты. В них можно по- 
мещать не только текст, но и рисунки, таблицы, команды гипертекстового 
перехода и множество других элементов без нарушения взаимной коорди- 
нации и планировки гипертекстового документа. 


Иногда это средство используется не по своему прямому назначению. 
Некоторые дизайнеры применяют списки для создания отступов тексто- 
вых фрагментов. Для этого достаточно исключить из описания списка 
дескрипторы вида <4+>. 


Список определений создается при помощи следующей процедуры. 


1. Выберите структурные блоки текста. Обычно основой списка служат 
несколько абзацев. 
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2. Дайте команду Тех+ » 1154 > БейиИоп [31 (Текст > Список » Список опреде- 
лений). 


абзацы, но и любые структурные блоки документа, например стандарт- 
ные заголовки или предварительно отформатированный текст. Но такое 
решение выглядит нелогичным и нуждается в серьезных обоснованиях 


для своего применения. 


Вот несколько замечаний общего характера по технике работы со списками. 


® При создании списков не обязательно начинать с ввода текста. Можно 
стартовать с пустого абзаца и создавать разделы списка постепенно. 


»е Расстояние между отдельными строчками списка несколько меньше, 
чем у смежных абзацев, но больше, чем у соседних строк текста, ра- 
зорванных символом перехода на новую строку. 


е Если содержимое раздела списка выходит за пределы установленной 
ширины страницы, то программа просмотра выполняет автоматичес- 
кий переход на новую строку. При этом новый раздел списка не со- 
здается. На символы перехода на новую строку (ЗНЕТ+ЕМТЕК) про- 
граммы просмотра реагируют подобным же образом. 


е Для форматирования разделов списков разрешено использовать все 
команды меню Тех{ » З1уе (Текст >» Стиль). 


е Работу со списком можно завершить многими разными способами. 
Самым естественным, видимо, является двукратное нажатие клавиши 
ЕМТЕК. 


Специальные списки 


В описание языка НТМЕ, начиная с его самых первых версий, входят еще 
два типа списков специального применения. Это списки, создаваемые дес- 
крипторами <тепи> и <аи>. По замыслу авторов, первые должны поме- 
чать короткие названия пунктов некоторых меню, областью применения 
вторых должны были стать иерархические системы типа каталогов и вло- 
женных подкаталогов. Оба дескриптора являются контейнерами; разделы 
специальных списков задаются обычным образом, при помощи дескрипто- 
ров <Н>. 


До сего времени возможности, заложенные в эти дескрипторы, остались 
невостребованными. Большинство популярных программ просмотра ото- 
бражают меню и каталоги как обычные маркированные списки. 


182 


5.4. Списки 


Программа Огеатмеауег не располагает отдельными командами для созда- 
ния списков специального применения. Необходимую разметку меню и 
каталогов нетрудно ввести вручную в режиме отображения кодов. Есть и 
обходной путь. Надо создать стандартный список любого типа, открыть 
диалоговое окно Ё1$1 Ргорег#ез (Свойства списка) и в поле $1 Туре (Тип списка) 
выбрать требуемый списочный тип. Подробнее о работе с этим диалого- 
вым окном говорится в соответствующем разделе. 


Вложенные списки 


Списки разного типа часто приходится объединять. В этом отношении 
НТМЕ не связывает руки дизайнера жесткими ограничениями и надуман- 
ными стандартами. Он разрешает произвольно комбинировать списки и 
вкладывать их друг в друга. Вложенные списки не теряют своей способно- 
сти к редактированию. Пользователь может по собственному выбору отре- 
дактировать содержание любого пункта или изменить его способ представ- 
ления. 


В программе Огеатмеауег есть несколько разных способов создания вложен- 
ных списков. Видимо, самым удобным из них является использование ко- 
манды, создающей отступ. Ее применение для списочных разделов дает 
один полезный побочный эффект: она автоматически создает новый спи- 
сок данного типа. 


Пусть уже создан некоторый список, который требуется сделать иерархи- 
ческим. Приведем примерную последовательность шагов для решения этой 
задачи. 


1. Поместите текстовый курсор в тот раздел, который надо сделать вло- 
женным списком. 


2. Дайте команду Тех{ » пдеп* (Текст » Отступ). Эту команду можно дать 
при помощи комбинации клавиш СТВЕ+АЕТ+], кроме того, она пред- 
ставлена специальной кнопкой в палитре Ргорему тзресог (Инспектор 
СВОЙСТВ). 


3. Не снимая выбора с раздела, укажите для него требуемый тип списка. 
Для этого следует воспользоваться командами меню $1 (Список) или 
средствами, которые предоставляет диалоговое окно 1$ Ргорег#ез$ (Свой- 
ства списка) (см. следующий раздел). 


Вложение списков — это обратимая операция. Подчиненный подсписок 
легко перевести на более высокий уровень. Для этого достаточно приме- 
нить к нему команду Тех! »> Ошдеп+ (Текст » Втяжка). Эта команда сдвигает 
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5. Ввод и структурирование текста 


выбранные текстовые блоки в сторону левого поля. Расположение текста, 
когда заголовок или название рубрики выступает относительно основного 
текстового массива, называется в типографике втяжкой. 


Если попытаться построить вложенный список без использования отступа 


вложенных разделов, а просто изменить их тип, то программа создаст 
три независимых списка без какой-либо иерархической соподчиненно- 
сти. Первый список образуют разделы, расположенные над выбранны- 
ми, второй — это сами выбранные пункты, третий — это нижняя часть 


Редакти рование списков 


Списки в языке НТМЕ — это не застывшие формы; они допускают некото- 
рую настройку поведения и внешнего вида. Все необходимые коррективы, 
меняющие параметры списков, можно внести непосредственно в коды раз- 
метки страницы, но эта процедура трудоемкая и требует знания синтакси- 
ческих конструкций языка. 


Программа Огеатмеауег располагает специальным средством управления, 
которое упрощает редактирование списков. Доступ к нему осуществляет- 
ся следующим образом. 


1. Откройте окно Инспектора свойств. Напомним, что для этого можно вос- 
пользоваться командой \/тадом » Ргорегиез$ (Окно » Свойства) или ком- 
бинацией клавиш СТВЕ+ЕЗ. 


2. Разверните палитру, если она находится в свернутом состоянии. Для 
этого щелкните на кнопке с изображением стрелки, расположенной в 
нижнем правом углу палитры. 


3. Поместите текстовый курсор в один из разделов существующего списка. 
Только после этого станет доступной кнопка 131 Кет (Элемент списка). 


4. ШЩелчком на этой кнопке откройте диалоговое окно 111 Ргорегие$ (Свой- 
ства списка), содержащее настроечные параметры списков (рис. 5.4). 


5. Задайте требуемые параметры и введите их в действие щелчком на 
кнопке ОК. 


Диалоговое окно 1131 РгорегЧез (Свойства списка) можно активизировать и 
командой Тех+ » [151 »> Ргорегие$ (Текст » Список » Свойства). 


Рассмотрим элементы управления этого диалогового окна. 
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5.4. Списки 


15 Рторешез 


Ву ыеа 1$ 


Рис. 2.4. Настроечные параметры списков 


® [151 Туре (Тип списка). Этот раскрывающийся список повзоляет изме- 
нить выбранный тип списка. Здесь представлены все типы списков: 
Ви!е{еа 111 (Маркированный список), МитБегед [151 (Нумерованный список), 
Отестогу $1 (Список каталогов), Мепи 154 (Меню). 


е уе (Стиль). Этот элемент управления позволяет изменить способ 
маркировки или нумерации пунктов неупорядоченного или упоря- 
доченного списка. Для двух других видов списков такая настройка 
невозможна. Для маркированных списков предлагается следующий 
выбор. 


< 


% 
< 


Ое{аш+ (По умолчанию). По умолчанию для пометки пунктов не- 
упорядоченного списка используется небольшой сплошной чер- 
ный кружок. 


Ви!е{ (Кружок). Тот же тип маркера. 


Заиаге (Квадрат). Квадрат с черным фоном. 


Для упорядоченных списков можно выбрать следующие способы 
нумерации. 


< 


$+$$+ 


Ое#аий (По умолчанию). По умолчанию принимается цифровая ну- 
мерация упорядоченных списков. 


МитьЬег (Число). 

Котап Зта! (Римские цифры, записанные строчными буквами). 
Котап 1 агде (Римские цифры, записанные прописными буквами). 
А!рваБе+ Зта! (Строчные буквы латинского алфавита). 


А!рпаБе+{ Гагде (Прописные буквы латинского алфавита). 
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< З4аге Соип* (Начальный номер). Это числовое поле предназначено для 
задания начального номера списка. 


$ № м $1уе (Новый стиль). Здесь можно выбрать собственный номер или 
маркер для текущего элемента списка. 


$ Кезе* Соипи То (Установить номер). Раздел доступен только для нумеро- 
ванных списков. Служит для изменения последовательной нумера- 
ЦИИ. 


5.5. Горизонтальные линейки 


Горизонтальные линейки являются одним из способов структурирования 
гипертекстовых документов. Это эффективное средство в руках дизайнера 
при умелом и дозированном применении. Они разрушают монотонность 
страниц, облегчают чтение длинных текстов, выделяют однородные по по- 
ложению или смыслу фрагменты. 


В языке НТМЕ за вставку горизонтальной линейки отвечает одиночный 
дескриптор <Вг>. До и после горизонтальной линейки автоматически со- 
здается по одной пустой строке. Линейка занимает всю ширину окна броу- 
зера и при изменении его размеров меняет свои габариты. Дескриптор <!г>, 
помещенный внутрь текстовой строки, разрывает ее в месте вставки. 


Процедура размещения горизонтальной линии состоит из двух простых 
шагов. 


1. Поместите текстовый курсор в нужное место страницы. 


2. Дайте команду Ипзег" > Нойгопча! Вие (Вставка »> Горизонтальная линейка). 
Кроме того, команду можно выполнить при помощи палитры ОШес{з 
(Объекты) (СТВЕ+Е?). Соответствующая кнопка находится в разделе 
Соттоп (Общие), в середине левого столбца. 


Несмотря на внешнюю простоту, горизонтальные линии имеют несколько 
настроечных параметров. Чтобы получить к ним доступ, надо выбрать этот 
объект и вывести на экран палитру Ргорему пзресог (Инспектор свойств) 
(СТКЕ-+ЕЗ). Перечислим все атрибуты линеек. 


® А!оп (Выравнивание). Этот раскрывающийся список объединяет вари- 
анты выравнивания линейки по вертикали. По умолчанию этот атри- 
бут принимает значение Сетег (По центру). 


® Эпаата (Тень). Этот флажок управляет отображением тени. Линейка с 
тенью приобретает рельефность и выглядит намного привлекательнее. 


186 


5.6. Вставка даты 


® Нопгоп(а! Кше (Горизонтальная линейка). Эта панель содержит два чис- 
ловых поля и одно текстовое. Числовые поля служат для ввода гори- 
зонтального (\\/) и вертикального (Н) размера линейки. В текстовое 
поле можно ввести уникальный идентификатор объекта. Многие слу- 
жебные программы и приложения используют подобные имена для 
обращения к объектам. Единицами измерения габаритов могут быть 
пикселы или проценты от ширины окна броузера. Кроме этих стан- 
дартных единиц измерения разрешается использовать несколько не- 
стандартных, например сантиметры (ст), миллиметры (тт), пункты 
(р), дюймы (т) и пики (рс). После завершения ввода значений про- 
грамма Огеатмеауег автоматически преобразует нестандартные еди- 
ницы измерения в единицы, принятые по умолчанию, — экранные 
пикселы. 


В традиционной полиграфии как элемент оформления книжных и жур- 
нальных страниц достаточно часто встречаются вертикальные линейки. 
Можно предположить, что ив Иеб-дизайне эти объекты могли бы найти 
применение. Однако вставить в документ вертикальную линию при по- 
мощи дескрипторов нельзя. Язык НТМЁ не поддерживает прямую работу 
с подобными объектами. Существует множество обходных путей и кос- 
венных приемов, решающих эту задачу, например использование спе- 
циальных изображений и или ложных их таблиц. 


5.6. Вставка даты 


Гипертекстовые страницы, которые интенсивно обновляются, принято 
индексировать — помечать датой внесения изменений. Программа 
Огеатмеауег имеет команду, предназначенную для вставки текущей даты. 
Это не просто обозначение числа и времени, а специальное поле, которое 
автоматически обновляет свое значение при каждом сохранении страни- 
цы. Значение этого поля основывается на системных часах локального ком- 
пьютера, на котором создается страницы. После вставки дату разрешается 
форматировать как обычный текст с применением всего арсенала средств, 
которым располагает редактор. 


Вставка даты выполняется следующим образом. 
1. Поместите текстовый курсор в позицию вставки. 


2. Дайте команду пзег+ »> Бае (Вставка > Дата), которая выведет на экран 
диалоговое окно, показанное на рис. 5.5. 
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3. Настройте значения элементов управления этого диалогового окна. 
Почти все они относятся к форме представления составляющих теку- 
щей даты: дня, месяца, года и показаний системных часов. 


Оау Рогта{ (Формат дня). Список объединяет различные формы пред- 
ставления дня недели. 


Оа{е Рогта{ (Формат даты). Список форм представления всей даты. 
Тите Рогта+ (Формат времени). Варианты записи текущего времени. 


Урдае Ашотайса!у оп Зауе (Автоматически обновлять при сохранении). 
Если этот флажок установлен, дата автоматически обновляется при 
каждом сохранении страницы. 


4. Щелкните на кнопке ОК для завершения процедуры. 


Рис. 5.5. Вставка даты 


Формат вставленной даты можно изменить. Для этого надо щелкнуть ука- 
зателем по любой ее части, вывести палитру Ргорему пзресог (Инспектор 
свойств) (СТВЕ+ЕЗ) и щелкнуть на палитре на кнопке Еда ОБае Гогта{ (Редак- 
тировать формат даты). 
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6. Форматирование текста 


Ревнители чистоты НТМЕ и поклонники его прародителя — языка 5СМЕ 
(5апаата Сепетайгеа Матйир Гаприаве) настаивают на тезисе о логической 
природе инструментов гипертекстовой разметки и с неодобрением отно- 
сятся ко всем средствам и командам форматирования. Согласно их пред- 
ставлениям, в язык НТМЕЁ должны входить только структурные дескрип- 
торы, которые задают место фрагментов документа и их логическую сопод- 
чиненность. Вся конкретика, связанная с признаками форматирования, 
должна быть вынесена за пределы языка гипертекстовой разметки в отдель- 
ный «информационный слой». 


В таком случае проблема переносимости и представления гипертекста в 
различных программах просмотра получает простое и элегантное решение. 
Вся служебная информация гипертекстового документа делится на посто- 
янную структурную и переменную оформительскую части. Благодаря это- 
му разметку может интерпретировать программа, работающая с самыми 
экзотическим устройствами вывода. После настройки переменной части 
документ готов к показу на оконечном устройстве, которое способно фор- 
матировать документ совершенно непривычным для современного пользо- 
вателя образом, например при помощи звукового синтезатора или по сис- 
теме Брайля. 


Язык НТМЕ в его современном состоянии представляет собой причудли- 
вую комбинацию логических и оформительских средств и инструментов. 
Большинство инструментов нелогического характера предназначены для 
форматирования текста. 


В текстовых редакторах и настольных издательских системах существует 
два различных по духу и технике подхода к оформлению текста. Их обыч- 
но называют прямое и стилевое форматирование. 
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6.1. Прямое форматирование 


Техника прямого форматирования хорошо известна даже начинающему 
пользователю, за плечами которого всего лишь несколько сверстанных 
писем или простых объявлений. Текстовый массив следует выбрать, после 
чего назначить ему форматирование при помощи меню или кнопок палитр. 
В програме Огеатмеауег эта техника не имеет существенных отличий от тек- 
стовых редакторов. Доступ к командам форматирования можно получить 
через меню Тех (Текст). Самой представительной коллекцией средств тек- 
стового форматирования располагает палитра Ргорему !пзрес‹ог (Инспектор 
свойств). Состав этой контекстной палитры подробно рассмотрен в разде- 
ле, посвященном интерфейсу программы. 


Шрифт 


У’ер-дизайнер не имеет такой свободы обращения со шрифтами, которой 
обладает его коллега по цеху, работающий для печати. В распоряжении 
последнего имеются шрифтовые коллекции, состоящие из сотен образцов, 
которыми он волен пользоваться, сообразуясь только со своими целями и 
творческими установками. Создатель Иев-страниц обязан помнить о том, 
что потенциальные зрители его творений могут иметь систему с ограни- 
ченной шрифтовой поддержкой. В таких случаях программы просмотра 
выполняют замену шрифтов. В качестве замены обычно выбираются сис- 
темные шрифты, например Титез Мем Котап или Апа!. Такая подстановка 
способна привести к нарушению планировки страницы и существенным 
деформациям внешнего вида проекта. 


Каким образом в НТМЕ назначается шрифтовое оформление? Эту задачу 
решает специальный дескриптор <югп!>, важнейшим атрибутом которого 
является название шрифта. Его значениями могут быть имена нескольких 
шрифтовых образцов или даже название целого семейства, например: 


<Юп! {асе="Соийег, Неме#са, зап5-зе!">Шрифтовое оформление</ЮпЁ> 


Этот кодовый фрагмент предписывает программе просмотра выбор моно- 
ширинного шрифта Соипег. Если клиентская машина таковым не обладает, 
то следует применить гарнитуру Не\енса, при отсутствии оной назначить 
любой рубленый шрифт (запз-зегй — это общее обозначение шрифтов, не 
имеющих засечек). 


Техническая сторона назначения шрифтов ничем не отличается от подоб- 
ной процедуры в текстовых редакторах. 
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1. Выберите текст или поместите текстовый курсор в то место документа, 
которому следует назначить шрифтовое оформление. 


2. Дайте команду Тех+ » Роп\ (Текст > Шрифт) и выберите нужный шрифт. 
То же самое можно сделать при помощи палитры Ргорему |пзресог (Ин- 
спектор свойств). 


Название выбранного шрифта фактически является именем списка, в кото- 
ром перечислены в порядке убывания предпочтительности возможные аль- 
тернативы данного выбора. 


Редактирование списка шрифтов 


Набор заменителей выбранного шрифта разрешается настраивать по жела- 
нию пользователя. 


1. Дайте команду Тех+ » Рог » Еай Роп+ [154 (Текст > Шрифт » Редактировать 
список шрифтов), которая выводит на экран одноименное диалоговое 
окно. Данная команда представлена и в Инспекторе свойств (СТКЕ-+ЕЗ). 


2. Выполните необходимые настройки существующего списка или создайте 
новый список альтернатив для выбранного шрифта. 


3. Закончите работу с диалоговым окном щелчком на кнопке ОК. 


| Соипег Ме\у, Соипег, топо 
| Сеого!в. Тите$ Мем Ротал, Т!тез, зей 
:|Мегдала, Апа!, Нем№ейса, зап5-зет! 


]}Неменса 
ап5-зей 


Рис. 6.1. Диалоговое окно для редактирования шрифтовых подстановок 
Рассмотрим ПОЛЯ И КНОПКИ этого ДИалогового окна. 


® Роги 1154 (Список шрифтов). В этом разделе диалогового окна перечис- 
лены все доступные списки шрифтов. Вновь созданная коллекция 
подстановок заносится в самый конец этого раздела. Чтобы изменить 
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состав или последовательность альтернатив в некотором наборе, с! сна- 
чала надо выбрать его имя. Для создания нового набора щелкните на 
кнопке со знаком +. В результате раздел пополнится новым пунктом 
под названием Ада !оп\$ а{ 151 Бео\ми (Добавить шрифт к списку). 


® Снозеп РЕоп+ (Выбранные шрифты). Поле содержит имена шрифтов 
выбранного набора. Для нового набора этот список сначала пуст. Пер- 
вый выбранный шрифт дает имя всему набору. 


» АуаПаЫе Гоп{$ (Наличные шрифты). Список объединяет имена шрифтов, 
установленных в данной вычислительной системе. Чтобы добавить 
шрифт к выбранному набору, достаточно выбрать его в этом списке и 
щелкнуть на кнопке со стрелкой, указывающей влево. 


»® Кнопки со знаками + и — служат для добавления новых и удаления 
отслуживших свое шрифтовых наборов. 


» Две кнопки с изображением вертикально направленных стрелок пред- 
назначены для изменения положения, которое занимает шрифтовой 
набор в общем списке. 


е Кнопки с горизонтально направленными стрелками предназначены 
для формирования состава шрифтового набора. 


Родовые имена шрифтовых коллекций сигб1уе, апфазу, топозрасе, 5апз- 
еп, еп? приведены в самом конце списка АуаЦае Гоп{$ (Наличные 


шрифты). 


Размер 


Любому пользователю, даже знакомому только с азами печатного дела, из- 
вестно, что размеры шрифтов измеряются в специальных типографских 
единицах — пунктах. В языке НТМЕ принята иная шкала: шрифтовые габа- 
риты меряются при помощи относительных безразмерных величин, кото- 
рые даже не имеют названия. 


Установленные размеры хранит специальный атрибут эхе дескриптора 
<юп">. Существуют две системы нумерации: абсолютная и относительная. 
Согласно первой, шрифтовые размеры измеряются в единицах некоторой 
условной шкалы и могут принимать значения от единицы (самый малень- 
кий) до семи (самый большой). Соответствующий код может выглядеть 
следующим образом: 


<Юп! ухе="4">Абсолютная система измерения</ЮпЕ> 
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Для шрифтов установлена обратная система нумерации по сравнению 
со стандартными заголовками. Здесь первый номер соответствует само- 


В относительной системе размеры задаются приращением относительно 
установленной базовой величины, которая или принимается по умолча- 
нию, или задается в явном виде при помощи специального дескриптора. 
Стандартная величина, принимаемая по умолчанию, обычно равна трем. 
Если требуется изменить точку отсчета, то сразу после дескриптора <Боду> 
следует поставить описание вида <Базе!юоп{ $е="значение">, атрибут з1хе 
может принимать любые значения от единицы до семи. 


Программа Огеатмеауег не располагает специальными средствами для ра- 
боты с этим дескриптором — его можно ввести в состав разметки вручную 
или при помощи внешнего редактора НТМЕ. 


Прирашение размеров задается в атрибуте з1ге числом со знаком + (увели- 
чение) или — (уменьшение). Приведем пример простановки размеров 
шрифта в относительной системе: 


<юп! яге="+1">Относительная система измерения</Юп!> 
Размер шрифта задается следующим образом. 
1. Выберите текст или поместите текстовый курсор в позицию ввода. 


2. Дайте команду Тех » Э12е (Текст »> Размер) для задания абсолютного 
размера или Тех* > З!те Спапде (Текст » Изменить размер) для выбора раз- 
мера в относительной системе. Любая из этих команд также доступна в 
палитре Ргорему тзрес{ог (Инспектор свойств). Все возможные размеры 
шрифтов представлены в списке $!те (Размер) на этой палитре. 


3. Выберите абсолютное значение или приращение размера. 


Символьные стили 


Символьные стили — это варианты начертания, применимые к отдельным 
символам, строчкам и текстовым фрагментам. В эту группу входят физи- 
ческие и логические стили символьного форматирования. Например, хорошо 
знакомые каждому курсивное и полужирное начертания следует отнести к 
физическим стилям, поскольку эти виды шрифтового дизайна не зависят 
от программ просмотра и вычислительных платформ. 


Логические символьные стили — это особенность языка гипертекстовой 
разметки; они не имеют прямых аналогов в текстовых редакторах и настоль- 
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ных издательских системах. Логические стили не фиксируют способ ви- 
зуального представления символов, его зримый графический образ. Они 
присваивают фрагменту текста некий логический или структурный статус, 
оставляя его оформление за программой просмотра. 


Например, в НТМЕ есть дескриптор <ет> (от етрйая5, что можно переве- 
сти как акцент или ударение), который указывает на то, что его содержи- 
мое должно быть каким-то образом выделено. При этом способ выделения 
не оговаривается; он целиком возлагается на программу просмотра. Сей- 
час потенциал этого средства остается невостребованным — большинство 
современных графических броузеров представляют его содержимое кур- 
сивом. Легко представить себе ситуации, когда оправдано выделение этого 
дескриптора звуком или цветом. 


Деление способов символьного начертания на физические и логические 
стили не является раз и навсегда заданным. Развитие программ просмотра 
и принятие новых стандартов языка может изменить границу между этими 
классами. В настоящее время к физическим стилям принято относить: 


® <> — полужирное начертание; 

® <!> — курсивное начертание; 

® <Н> — имитация шрифта пишущей машинки; 
е <и> — подчеркивание; 

® <5и6> — подстрочный текст (нижний индекс); 
® <5ир> — надстрочный текст (верхний индекс); 


е <511Ке> — зачеркнутый текст. 


В таблице представлены все дескрипторы стилей, которые поддержаны в 
программе Огеат\меауег. Прочие стили можно ввести в оформление доку- 
мента только при помощи прямого набора кодов в режиме разметки или во 
внешнем редакторе НТМЕ. 


Ко сожалению, , четвертая версия программы | не ь поддерживает г прямую 
работу с дескриптором <а@@тез$>. Это дескриптор-контейнер со строго 
очерченной областью применения. Он служит для выделения описаний 
адресов. Большинство броузеров представляют его содержимое в виде 
курсива. Самый простой способ ввести его в состав разметки документа — 
это воспользоваться экспрес-редактором. Напомним, что удобным спо- 
собом вызова этого оперативного средства является комбинация кла- 
виш СТКИ+Т. 
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Стиль Тег Описание 


Воа <Б> Полужирное начертание 
ВИНА 
КаНс <> Курсивное начертание 
ПОНИ 
Шпадейте <и> Подчеркивание 
каки 
Зчикейгочай — <$> Вычеркивание 
_дикикикикикиддд_д_дииджфд_д——а__Й_^_Й_Й_—_^_—_—_>—_Щ 
Тевуре <и> Представление текста моноширинным шрифтом, 
имитирующим начертание пишущих машинок или 
телетайпов 
ЕтрВа$1$ <ет> Выделение текста относительно его окружения. 


В большинстве случаев отображается курсивом 


ЗАГОпО <з1гопд> — Сильное выделение текста. Обычно представляется в виде 
полужирного начертания 


Соде <соде> Имитация программных кодов, листингов, сценариев. 
Обычно этот стиль отображается моноширинным шрифтом 


Затр/е <затр> Выделение строковых последовательностей. Этот стиль 
применяется к любым текстовым фрагментам с особым 
структурным статусом. В программах просмотра 
отображается моноширинным шрифтом 


\апаЫе <«уаг> Представление программных переменных. Часто 
отображается курсивом 


КеуБоага <КБа> Стиль для выделения пользовательского ввода. 
В программах просмотра представляется моноширинным 
шрифтом или выделяется полужирным начертанием 


СинаНоп <ске> Цитаты, ссылки, титры и т. п. В большинстве случаев 
представляются курсивом 


ОБеНп\!юоп <4т> Стиль для представления вхождений терминов и их 
определения. Обычно отображается курсивом 


Назначить фрагменту текста стилевое оформление можно следующим обра- 
ЗМ. 


1. Выберите текстовый массив. 


2. Дайте команду Тех » З\уе (Текст > Стиль) и выберите имя искомого стиля 
из выпадающего меню. 
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Два самых ходовых физических стиля — курсивное и полужирное начер- 
тание — можно назначить при помощи инспектора свойств. Кроме того, они 
имеют клавиатурные комбинации СТВЕ+! для курсива и СТВЕ+В для полу- 
жирного шрифта. 


Чтобы удалить стандартный стиль, доступный через строку меню, доста- 
точно повторно дать команду, при помощи которой он был назначен. Для 
удаления нестандартного стиля требуется щелкнуть правой кнопкой мыши 
по названию дескриптора стиля в селекторе разметки или по самому стилю 
в окне документа и выбрать в открывшемся контекстном меню команду 
Кетоуе Тад (Удалить дескриптор). 


Стандарт языка гипертекстовой разметки разрешает смешивать и вкла- 
дывать друг в друга логические и физические стили. На практике неко- 
торые комбинации логических стилей могут быть неправильно поняты 
программами просмотра. Сочетания физических стилей оформления 
более устойчивы. Броузеры уверенно отображают все комбинации кур- 
сивного И полужирного начертаний и подчеркивания. 


Выравниван иеи отступы 


Выравнивание — это одна из базовых операций форматирования текстов и 
гипертекстов. В программе Огеатмеауег она работает так же, как в любом 
текстовом редакторе. Областью применения команды служат любые струк- 
турные блоки документа. Для текста таковыми являются абзацы, заголов- 
ки, предварительно отформатированный текст. 


Стандартный язык гипертекстовой разметки поддерживает ограниченное 
число вариантов выравнивания: по левому краю, по правому краю и по цен- 
тру. Четвертый вид выравнивания, по ширине, получил права гражданства 
в НТМЕ сравнительно недавно. Популярные броузеры 1тмегпе! Ехрюгег и 
Метзсаре Мамда‘ог научились представлять текстовый массив в виде блока с 
выровненными краями, только начиная с четвертой версии. 


В области подготовки документов для печати текстовое выравнивание иногда 
называют выключкой. Какие средства разметки применяет программа 
Огеатмеауег для выключки? Абзацы выравниваются при помощи атрибута 
айдпт дескриптора <р>, например: 


<р айдп="сетег'>Выравнивание по центру</р> 


Разнородные фрагменты документа, состоящие из нескольких абзацев, таб- 
Лиц, СПИСКОвВ И Т. П., Получают надлежащее выравнивание при помощи дес- 


196 


6. 1. Прямое форматирование 


криптора разделения <@м>. Этот контейнер является удобным средством 
структурного деления документа; с его помощью легко вычленить некото- 
рую часть документа и придать ей особый статус или отличное от окруже- 
ния форматирование. Следующий фрагмент кода иллюстрирует примене- 
ние этого средства для одновременного выравнивания абзаца и простей- 
шей таблицы, состоящей из одной ячейки. 


<Ам айап="пар!"> 

<р >Выравнивание разнородных фрагментов </р> 
<аЫе > 

<н> 


<< >Ячейка таблицы</Ю> 


</н> 
</юЫе> 
</а9м> 


Начиная с четвертой версии, броузеры распознают и корректно обраба- 
тывают четыре значения атрибута а@оп: (еЁ (по левому краю), пап (по 
правому краю), сепег (по центру) и ]изН\у (по ширине). К сожалению, 
выравнивание по ширине не поддержано средствами управления про- 
граммы Огеатмеауег. Чтобы назначить этот вариант выключки, надо за- 
дать выбранному фрагменту любой тип выравнивания из представлен- 
ных в меню. Потом вручную, в режиме разметки, измените значение ат- 
рибута айдп на }и5Е1У. 


Выравнивание по ширине имеет один трудноискоренимый недостаток. 
Компенсация границ текстового блока выполняется за счет изменения про- 
белов между словами и буквами. Если длины строчек невелики, то дефор- 
мации пробелов могут стать заметными. Этот эффект в типографском деле 
иногда называют «жидкими строками». Профессиональные настольные 
издательские системы располагают целым арсеналом средств для борьбы с 
этим явлением. В НТМЕ подобных средств почти нет, за исключением, по- 
жалуй, неразрывного пробела (СТВЕ+ЗНИЕТ+ПРОБЕЛ). 


Выравнивание по ширине не отображается в окне документа  геатимеаует. 
Его можно увидеть только при помощи программ просмотра, начиная с 
четвертых версий Тпкегпеё Ехр(отег и М№е{5саре Мамдатот. 


По технике исполнения операция выравнивания одна из самых простых. 
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1. Выберите текст или просто поместите курсор в любое место структур- 
ного блока. 


Дайте команду Тех+ » Айодп (Текст > Выравнивание). 


3. Выберите из открывшегося меню один из предлагаемых видов вырав- 
нивания: 


® [ее (По левому краю); 
® К!аН{ (По правому краю); 
® Сеп{ег (По центру). 


Операцию выравнивания часто приходится применять в процессе формати- 
рования даже самых непритязательных по дизайну страниц. Поэтому дан- 
ные команды поддержаны горячими клавишами и представлены в палитре 
Ргорему пзрестог (Инспектор свойств). Выравнивание по левому краю выпол- 
няется при помощи комбинации клавиш СТКЕ+АЕТ+$НИЕТ-+Е, по правому 
краю — СТВЕ+АЕТ+$НЕТ-+В, по центру — СТКЕ+АЕТ+$НЕТ-+С. 


В языке гипертекстовой разметки нет специального средства, единствен- 
ным предназначением которого было бы создание горизонтального отступа. 
Но существует несколько дескрипторов, которые с разным успехом решают 
данную задачу. Самый чистый способ дает, видимо, дескриптор <Ыоскдисе>. 
По замыслу разработчиков языка, в этот контейнер следует заключать длин- 
ные цитаты. На практике многие дизайнеры используют его для создания 
горизонтальных отступов. 


Программы просмотра отображают его содержимое с левым и правым по- 
лями, примерно равными 40 пикселам. Кроме того, сверху и снизу добавля- 
ется свободная полоса небольшого размера. Внутрь дескриптора разреша- 
ется добавлять коды разметки, например переходы на новую строку, гори- 
зонтальные линейки и, в том числе, другие теги этого типа. При помощи 
многократного применения дескрипторов <Ыоскаис!е> можно добиться 
дополнительного сдвига и сжатия текстового блока по ширине. 


Итак, горизонтальные отступы в программе можно создать при помощи 
дескриптора <Москаи‹е>. 


1. Выберите текст или поместите курсор в нужное место. 


2. Дайте команду Тех+ » |пдеп! (Текст >» Отступ) или воспользуйтесь комби- 
нацией клавиш СТКЕ+АЕТ+]. 


Убрать отступ можно следующим образом. 


1. Выберите текст. 
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2. Дайте команду Тех »> Ошаепи (Текст > Втяжка) или воспользуйтесь ком- 
бинацией клавиш СТВЕ+АЕТ-+[. 


Обе команды представлены специальными кнопками в Инспекторе свойств. 
Они расположены под кнопками выравнивания. 


Многократный сдвиг командой Тпдепе (Отступ) ликвидируется в резуль- 
тате такого же числа применений команды Оц{4епе (Втяжка). Селектор 
разметки показывает всю цепочку вложенных дескрипторов 


Цвет 


Если тексту не назначено никакого цвета, то при отображении страниц в 
программах просмотра используются внешние установки, принятые по 
умолчанию. Это может быть цвет, принятый в операционной системе 
Упа05 или в броузере. Обычно это нейтральный черный цвет, служащий 
неплохим выбором в большинстве практических случаев. 


Цвет для всего массива символов документа задается в основных установ- 
ках документа. Напомним, что вызвать диалоговое окно с базовыми пара- 
метрами документа можно по команде МоаНу » Раде Ргорег\ез (Изменить » 
Свойства страницы) (СТКЕ+)) или из контекстного меню, которое вызывается 
щелчком правой кнопки мыши на любой свободной точке страницы. 


Для любого набора символов разрешается назначить собственный цвет, 
отличный от цвета символов страницы. Для хранения цветов и оттенков 
используется специальный атрибут союг дескриптора <!юг{>. Например 
строка кода, в которой назначается оттенок сине-зеленого, имеет следую- 
ЩИЙ ВИД: 


<юп! соог="НОБЕЕЕЕ">Цвет этой надписи похож на бирюзовый</ЮюпЁ> 


Напомним, что в языке НТМЕ цвет задается при помощи шестнадцатерич- 
ных кодов и некоторые элементы палитры имеют собственные имена, на- 
пример дгееп (зеленый), гед (красный) и др. Программа Огеатмеауег спо- 
собна воспринять любой из этих способов, но для совместимости со стары- 
ми версиями броузеров лучше пользоваться шестнадцатеричными кодами. 
Кроме того, лишь ограниченное число имен обладает межброузерной со- 
вместимостью. 


В разделе, посвященном основным настройкам страницы, работа с цвето- 
выми инструментами и палитрами программы рассмотрена достаточно 
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подробно. Поэтому здесь приведем лишь краткое описание основных при- 
емов. 


Присвоить цвет фрагменту текста можно следующим образом. 
1. Выберите нужный фрагмент текста. 


2. Откройте палитру Ргорему пзреског (Инспектор свойств). Для этого про- 
ще всего применить комбинацию клавиш СТКЕ+ЕЗ. 


3. Щелкните на прямоугольном поле, расположенном в центре верхнего 
ряда палитры. Оно содержит образец текущего цвета и служит для ак- 
тивизации цветовой палитры. 


4. Выберите искомый цвет из палитры или скопируйте цвет пипеткой из 
любого открытого окна или с Рабочего стола. Чтобы сохранить рабо- 
тоспособность пипетки за пределами окна программы, требуется всего 


лишь не отпускать ртевую НЫ мыши после щелчка на цветовом поле. 


Если цвет назначается текстовому фрагменту, который + находится В в об- 
ласти действия дескриптора <Гопф>, то для выбора лучше пользоваться 
селектором разметки. Ручной выбор в режиме планировки страницы не 
дает уверенности в том, что выделено все содержимое дескриптора 
<Юпь. Это способно привести К размножению подобных кодов. 


В тех случаях, когда изобразительных возможностей безопасной её. -па- 
литры, состоящей из 216 цветов, оказывается недостаточным, программа 
предоставляет возможность выбора искомого оттенка из нескольких мил- 
лионов, доступных для современных цветных мониторов и видеоадапте- 
ров. 


Эта операция выполняется следующим образом. 
1. Выберите текст. 


2. Дайте команду Тех+ » Соог (Текст » Цвет), которая открывает специаль- 
ную палитру для синтеза новых цветов и оттенков (рис. 6.2). 


3. Выберите оттенок и контрастность нового цвета, перемещая в большом 
цветовом поле специальный маркер в виде перекрестия. 


А. Настройте яркость цвета при помощи ползунка в правой части диало- 
гового окна. 


Щелкните на кнопке Добавить в набор. 


По завершении всей процедуры щелкните на кнопке ОК. 
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Рис. 6.2. Диалоговое окно иветового синтеза 


Чтобы вернуться к цвету, заданному г по ‚умолчанию, откройте цветовую 
палитру и щелкните на кнопке с изображением перечеркнутого круга, 
расположенной : 3 верхней правой ее части. 


6.2. Стили НТМЕ 


Понятие стиля является универсальным и применяется в любых сферах 
человеческой деятельности. Существуют художественные стили, стили 
речи, одежды, поведения ит. п. Можно говорить и о стиле оформления тек- 
ста. Под стилем в издательском деле понимают множество признаков фор- 
матирования, объединенных общим именем. В отличие от литературы и 
искусства, где к копированию стилей относятся неодобрительно, в области 
подготовки печатных и виртуальных документов это занятие вполне бла- 
гопристойное. Использование стилей при форматировании больших мас- 
сивов текста может существенно повысить эффективность труда дизайне- 
ра и уменьшить вероятность появления ошибок. 


Использование стилей форматирования позволяет добиться значительной 
экономии средств и времени. Работа по определению атрибутов стиля вы- 
полняется один раз. Созданный стиль назначается всем частям документа 
с одинаковым оформлением. При этом экономия достигается не только за 
счет навигации по сложной системе вложенных меню и диалоговых окон. 
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Стиль позволяет сохранить единообразие оформления сходных фрагмен- 
тов, например заголовков или подписей. 


В области виртуального издательства получили распространение два вида 
стилей: стили НТМЕ и Са$сайтя 5? 5йеез (С55). Последнее название по- 
разному переводится на русский язык. Некоторые источники используют 
калькированное с английского имя «каскадные листы стилей». Намного 
лучше передает существо дела термин «иерархические стилевые специфи- 
кации». 


Спецификация четвертой версии языка гипертекстовой разметки отдает 
решительное предпочтение иерархическим стилевым спецификациям, ко- 
торые предлагает дизайнеру неизмеримо большие возможности контроля 
внешнего вида документа по сравнению с классическими стилями НТМЕГ. 
Несмотря на приговор официальной инстанции в лице консорциума ИС 
(Иона Упае \еВ Сопзотпит), последние продолжают активно использовать- 
ся дизайнерами. 


Во-первых, еще не вышли из употребления броузеры первых поколений, 
которые не поддерживают форматирование, заданное иерархическими сти- 
левыми спецификациями. Для этих программ классические стили НТМЁ 
дают неплохое решение проблем переносимости и согласованного форма- 
тирования. Во-вторых, далеко не всегда требуется мощность и точность 
иерархических стилей; для многих документов с простой планировкой 
вполне достаточно изобразительных возможностей НТМЕ. 


При работе со стилями НТМЕ следует помнить о некоторых особенностях, 
естественно вытекающих из их природы. | 


» Классические стили представляет собой сочетание дескрипторов 
НТМЕ. Область их применения — простое форматирование и логи- 
ческая разметка текстовых фрагментов. Они не предназначены для 
решения сложных оформительских задач, например изменения меж- 
строчного расстояния или вида подчеркивания ссылок. 


» Изменение иерархического стиля влечет за собой автоматическое 
обновление всех его применений, как в данном документе, так и в 
других документах. Классические стили ведут себя иначе. Модифи- 
кация стилевых параметров не влечет за собой немедленное приме- 
нение новой версии стиля. Все необходимые обновления текстовых 
фрагментов-носителей стилевого форматирования должны быть вы- 
полнены пользователем вручную. 


»е Несмотря нато что разработанные и документированные стили НТМЁ 
могут быть использованы в других документах, это, скорее, средство 
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локального применения. Его естественным ареалом служит отдель- 
ный сайт или даже его часть, состоящая из нескольких страниц с од- 
нородным форматированием. Стили С55 — это более универсальное 
средство, ориентированное на перенос между документами, сайтами 
и платформами. 


Палитра стилей НТМЕ 


Главным средством работы с классическими стилями в программе является 
палитра НТМЕ $1уе$ (Стили НТМЬ). Она объединяет команды создания, ре- 
дактирования, удаления и применения стилей. Для ее активизации доста- 
точно выполнить команду \У/тдом > НТМЕ $1уез (Окно » Стили НТМЕ) или 
воспользоваться комбинацией клавиш СТКЕ+ЕЛ1. 


| м Сеаг Заесйоп Зе 
1" Сеаг Рагадгари 5Ше 
1а бые 

Те 

] 9+ иипатед1 


11 иппатед2 
1+ иппатед 3 


Рис. 6.3. Палитра НТМЕ 51$ (Стили НТМЕ.) 
Рассмотрим возможности этой палитры. 


е Развернутая палитра представляет все классические стили, доступ- 
ные в данном документе. Стили, областью применения которых слу- 
жат структурные блоки текста (абзацы, стандартные заголовки и пр.), 
помечаются с левой стороны значком с традиционным изображением 
спецсимвола конца абзаца. Стили, применимые к произвольным текс- 
товым фрагментам, имеют значок в виде подчеркнутой буквы а. Такие 
стили принято называть символьными. Первые две позиции в палитре 
занимают, так сказать, антистили: Сеаг Заес{юпт З1уУе (Убрать символь- 
ный стиль) и С!еаг Рагадгарн З1уе (Убрать стиль абзаца). Эти команды уби- 
рают стилевое форматирование. Каждый вновь созданный стиль зано- 
сится под выбранным пользователем именем в конец списка. Значки 

_ стилей получают дополнительный символ +, если в базовое стилевое 
форматирование внесены какие-то изменения. 
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» Кнопка Арру (Применить) присваивает параметры выбранного стиля 
абзацу или текстовому блоку. Если установлен флажок, расположен- 
ный слева от этой кнопки, то для назначения стиля достаточно про- 
сто выбрать его имя в палитре. Щелчок на кнопке при этом не требу- 
ется. 


» Кнопка с изображением странички, на которой нарисован знак +, слу- 
жит для создания нового стиля. По щелчку на ней выводится диало- 
говое окно Оейпе НТМЕ $1уез (Описание стилей), средствами которого 
задаются все стилевые описания. 


е Последняя кнопка нижнего ряда служит для удаления стилей. Для 
этого надо выбрать имя стиля и щелкнуть на этой кнопке. 


» Греугольная кнопка, расположенная справа в верхнем ряду, служит 
для вызова меню. Оно объединяет следующие команды: Еай (Изме- 
нить), ОирИсае (Дублировать), Вее{е (Удалить), Арру (Применить), Мем 
(Создать). Это меню можно открыть и по-другому —достаточно щел- 
кнуть правой кнопкой мыши на любой внутренней точке палитры. 


Создание стиля 


Программа Огеатмеауег поддерживает три основных способа создания но- 
вых стилевых описаний: 


® создание стиля «с нуля»; 
» разработка стиля на основе выбранного образца; 
»е модификация существующего стиля. 


Для любого из перечисленных способов основным средством работы со 
стилевыми параметрами является специальное диалоговое окно Ое#те НТМЕ 
$1уез (Описание стилей), показанное на рис. 5.4. Его выводит на экран любая 
из команд палитры, выполняющих редактирование стилевых описаний: Ед И 
(Изменить), Вирйса{е (Дублировать), Меми (Создать). То же самое делает двойной 
щелчок в палитре по имени существующего стиля. 


С технической точки зрения, варианты разработки новых стилей слегка 
различаются между собой. Рассмотрим их. 


» Чтобы создать новый стиль на основе существующего образца, тре- 
буется выбрать эталонный фрагмент в окне документа и любым удоб- 
ным способом открыть диалоговое окно Оейпе НТМЕ $1уе$ (Описание 
стилей). Выбранный образец передает значения атрибутов формати- 
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рования в поля Палитры. В этом и заключается преемственность дан- 
ного метода. | 


»е Чтобы внести изменения в существующий стиль, надо дважды щелк- 
нуть на его имени в палитре Оейпе НТМЕ $4уез (Описание стилей). 


» Для создания нового стиля на базе существующего требуется выбрать 
имя родительского стиля в палитре и выполнить команду ОБирйсме 
(Дублировать). 


» Разработка стиля с чистого листа, не опирающаяся на базовое фор- 
матирование родителя или образца, начинается по команде Мем (Со- 
здать). 


Эти различия не имеют принципиального характера. Следование описан- 
ным методикам способно отчасти сократить трудоемкость работы по со- 
зданию нового стилевого описания, главным образом за счет того, что часть 
полей диалогового окна ВеНпе НТМЕ $1уе$ (Описание стилей) заполняется ав- 
томатически. 


Баеаик Ром 


Рис. 6.4. Диалоговое окно для создания новой стилевой спецификации 


Рассмотрим возможности диалогового окна Оейпе НТМЕ $1уУе$ (Описание сти- 
лей). 
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Мате (Имя). Поле служит для задания имени нового стиля. 


Арру То (Применитьк). Раздел определяет тип стиля. Для этого служат 
переключатели: Заесйоп (Фрагмент) и Рагадгарн (Абзац). Первая выби- 
рает символьный стиль, вторая — стиль абзаца. 


М/Аеп Аррута (При применении). Эта группа переключателей описыва- 
ет последствия создания или изменения стиля. В ней два переключа- 
теля: Ада то Ех!$ па З1у (Добавить к существующему стилю) и СШеаг Ех! {та 
З1уе (Заменить существующий стиль). Если установлен первый из них, 
то заданные в диалоговом окне описания добавляются к текущему 
стилю. Имена таких «кумулятивных стилей» помечаются в дальней- 
шем знаком +. Второй переключатель ликвидирует старые характе- 
ристики форматирования. 


Роп4 АНЬще$ (Шрифтовые атрибуты). Раздел служит для выбора пара- 
метров форматирования символов. Это шрифт, размер, цвет и стиль 
СИМВОЛОВ. 


Рагадгарн Аниьще$ (Атрибуты абзаца). Раздел объединяет средства, зада- 
ющие харктеристики форматирования абзацев. Из всего многообра- 
зия дескрипторов оформления в этом разделе предлагается ограни- 
ченный выбор из типов структурных текстовых блоков и вариантов 
выравнивания. 


Применение стиля 


Применение стиля, разработанного и внесенного в палитру НТМЕ $1уез (Сти- 
ли НТМЬЕ), — это элементарная по технике исполнения операция. 


1. 
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Выберите текстовый фрагмент или абзац. В первом случае необходимо 
выбрать все символы фрагмента, использовав любой удобный способ 
выбора. Структурные блоки, содержащие текстовый курсор, считаются 
выбранными. Напомним, что структурными блоками называются 
объекты, которые своими свойствами напоминают абзацы. Таковыми 
являются сами абзацы, стандартные заголовки, предварительно отфор- 
матированный текст, нумерованные и маркированные списки, списки 
определений и др. 


Откройте палитру НТМЕ $1; ез (Стили НТМЬ). 
Выберите имя стиля в палитре. 


Если флажок слева от кнопки Арру (Применить) установлен, то проце- 
дура применения стиля на этом завершается. В противном случае надо 
щелкнуть на этой кнопке. 


Снятие назначенного стилевого форматирования выполняется по той же 
схеме, что и назначение, только вместо имен стилей надо назначать имена 
«антистилей». Стили абзацев удаляет команда палитры С!еаг РагадгарН {уе 
(Убрать стиль абзаца), для символов эти функции выполняет команда Сеаг 


Зеес{оп З+уУе (Убрать символьный стиль). 


Эти команды удаляют не только стилевое форматирование, назначенное 
средствами палитры НТМЕ 5$/е$ (Стили НТМ!); они снимают с выбран- 
ного фрагмента все оформительские атрибуты, независимо от способа 


Снятие стилевого оформления 


Палитра НТМЕ $ е$ (Стили НТМЕ) включает в состав стилей любого гипер- 
текстового документа два обязательных пункта: Сеаг Заесноп З{уе (Убрать 
символьный стиль) и С!еаг Рагадгарн З1уе (Убрать стиль абзаца). Это не стили, 
как можно было бы заключить по их расположению, для них больше под- 
ходит название «антистили». Это команды, которые убирают форматиро- 
вание произвольных текстовых фрагментов и структурных блоков доку- 
мента, оставляя некоторый минимальный набор атрибутов оформления. 


Несмотря на свое не очень заметное расположение, эти команды весьма 
полезны во многих ситуациях. Например, они могут помочь, когда требу- 
ется быстро убрать последствия многократных экспериментов по форма- 
тированию, которые способны привести к нагромождению дескрипторов и 
предельно запутать исходный код фрагмента. 


Команда С!еаг Зв!есноп З1уе (Убрать символьный стиль) убирает все дескрип- 
торы вида <!юп!{> и другие дескрипторы, задающие форматирование дан- 
ного набора символов. Причем происхождение форматирования не имеет 
значения: оно может быть частью символьного стиля или быть назначено 
отдельно при помощи команд или сочетания клавиш. Похожим образом 
работает и команда С!еаг Рагадгарн З4уе (Убрать стиль абзаца) — она убирает 
все оформительские атрибуты, относящиеся к выбранному абзацу или 
структурному блоку документа. 


Например, если применить эту команду к строке вида: 

< 4 а[ап='сегег'><><ютсоюг="#РЕССО6">Снятие форматирования</ юп>< > <> 
то получится обычный абзац: 

<р>Снятие форматирования</р> 


без единой оформительской установки. 
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6. Форматирование текста 


В область действия команды С!еаг Зеесйоп З1уе (Убрать символьный стиль) 
попадают все атрибуты форматирования выбранного набора символов. Она 
нетребует того, чтобы дескрипторы непосредственно примыкали к выбран- 
ному фрагменту. Расположения набора символов в области действия деск- 
риптора вполне достаточно для того, чтобы он был обработан командой. 
Например, в данном кодовом фрагменте: 


<р><5>Снятие <>символьного</!> форматирования</Б></р> 


среднее слово находится в области действия примыкающего дескриптора 
<!>, устанавливающего курсивное начертание, и попадает под воздействие 
более далекого дескриптора <Ь>, задающего полужирный шрифт. Команда 
Сеаг Заесйоп З1уе (Убрать символьный стиль), примененная только к среднему 
слову, снимает с него все виды начертаний. После ее применения строка 
кода будет выглядеть следующим образом: 


<р><5>Снятие </б>символьного<Ь> форматирования</Б></р> 
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7. Изображения 


Редкий документ обходится без графических вставок. К. числу немногих 
примеров можно отнести творения, написанные в жанре милицейского 
протокола или заявления в домоуправление. Но такие «документы» пишутся 
собственноручно, и вряд ли стоит прибегать для их составления к помощи 
программы Огеатмеауег и публиковать в Сети. Один рисунок может заме- 
нить целый абзац, а удачно подобранная иллюстрация порой выразительнее 
пространных словесных описаний. 


Виртуальное пространство Сети предоставляет невиданные ранее возмож- 
ности для самовыражения. Репутацию успешного Иев-дизайнера не тре- 
буется защищать дипломом художественного училища; чтобы прослыть 
искушенным в машинной графике пользователем, не обязательно владеть 
ремеслом рисовальщика. Сеть наводнена подборками рисунков, коллекци- 
ями логотипов, собраниями фотографий любой тематики и художествен- 
ного направления. Требуется всего лишь терпение и толика художествен- 
ного вкуса, чтобы сориентироваться в этом бесконечном виртуальном вер- 
нисаже и подобрать подходящий изобразительный ряд. 


7.1. Форматы графических файлов 


Форматом файла называется набор правил, соглашений, стандартов для 
записи и хранения информации. Любой файловый формат — это специа- 
лизированный язык со своим специальным словарем, орфографией и пра- 
вилами пунктуации. Машинная графика является одним из старейших 
направлений информатики, но только с середины восьмидесятых годов 
начали действовать официальные группы по стандартизации графических 
форматов. В результате в наше время в обращении находятся десятки раз- 
личных графических форматов, а если учесть их многочисленные версии и 
релизы, то это число уверенно превысит сотню. Но ситуация совсем не без- 
надежна. В этом вавилонском столпотворении форматов, их наречий и диа- 
лектов есть представители, которые претендуют на роль коммуникативных 
стандартов — своеобразного эсперанто машинной графики. 
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7. Изображения 


Форматы описания графики можно разделить на три основных класса. 


Растровые форматы. Растровые форматы служат для описания растровой 
графической информации. В их основе лежит битовая карта (матрица), на 
пересечении строк и столбцов которой располагаются элементы изображе- 
ния — пикселы. С каждым пикселом связывается числовая характеристика, 
которая описывает его тон (если изображение черно-белое) или цвет (для 
цветного изображения). Главным преимуществом растровой формы пред- 
ставления информации является простота исходной концепции. Каждый 
отдельный пиксел изображения представляет самого себя, вне зависимости 
от его положения и роли, которую он играет в рисунке. Может быть, по 
этой причине, существует ограниченное число растровых форматов. Самыми 
распространенными из них являются: ГГЕЁЕ, ВМР, СЛЕ, ]РЕС, РМС. Графи- 
ческие компоненты всемирной Сети в подавляющем большинстве пред- 
ставлены последними тремя форматами. 


Векторные форматы. Эти графические форматы служат для хранения све- 
дений о векторных изображениях, которые представляют собой совокуп- 
ность геометрических примитивов: линий, овалов, прямоугольников, дуг 
и др. Графические форматы этого типа состоят либо из описаний примити- 
вов, Либо включают в себя набор инструкций, команд для построения при- 
митивов. Не исключается и комбинация этих способов. 


В векторном виде хранят информацию системы автоматизированного про- 
ектирования, например АшоСАО, программы, которые создают иллюстра- 
тивную графику, такие как Соге!Огам. Плоттеры обрабатывают изображе- 
ния только в векторных форматах. 


До настоящего времени векторные изображения встречались на Иеб-стра- 
ницах довольно редко. Сейчас ситуация стремительно меняется в связи с 
бурным распространением формата Зпоск\мауе Раз фирмы Мастотеа. Этот 
богатый формат можно назвать собранием геометрических абстракций. Он 
специально разрабатывался для использования в Интернете и способен 
хранить гипертекстовые ссылки, графику, анимацию и пр. Для просмотра 
Назй-графики нужен специальный программный модуль. Эту программу 
небольшого размера свободно распространяет фирма Мастотефа. 


Метафайлы. Метафайлы могут хранить информацию о растровых и век- 
торных изображениях и о командах визуализации. В качестве примеров 
метафайлов можно назвать УМЕ ССМ, ЕР5. В числе немногих примеров 
использования метафайлов в Интернете в первую очередь следует назвать 
формат РОЕ (Рома Ме РоситепЕ Еоттар), предложенный и активно продви- 
гаемый фирмой Аадофе. 
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7. 1. Форматы графических файлов 


Формат СЕ 


Формат С/Ё (Старс$ [тегсйапЕе Еоттар — это популярный растровый 
формат. Он предложен фирмой Сотризетое в качестве средства обмена ра- 
стровыми изображениями между платформами и системами и поэтому 
поддерживается большинством программ, работающих с растровой графи- 
кой. Формат можно считать одним из стандартов де-факто для публика- 
ции изображений в сети Интернет. Он поддерживает изображения, содер- 
жащие до 256 цветов, и сжатие информации по методу Г2У. Это эффек- 
тивный метод сжатия информации, позволяющий во многих случаях сокра- 
тить объем графического файла в два и более раз. Название метода образо- 
вано по первым буквам имен авторов: [етре[, ло, ей. 


В 1989 году опубликована пересмотренная спецификация формата, кото- 
рая получила название СЁ 89а. Возможности формата были значительно 
расширены, в частности, появилась возможность хранить текстовые и гра- 
фические данные в одном файле и работать с областями прозрачности, что 
позволяет создавать изображения непрямоугольной формы. 


Формат поддерживает запись изображений с чередованием строк. Ориги- 
нальное английское название этого свойства — ййейастяе, что иногда пере- 
водят как чересстрочная развертка. При визуализации чересстрочных ото- 
бражений сначала выводится каждая восьмая строка, затем — каждая чет- 
вертая и т. д. Такая схема позволяет оценить изображение по его части. 
Пользователь может прервать прием картинки из Сети, не дожидаясь вывода 
всех строк образа. 


Еще одно полезное качество этого формата — это поддержка анимирован- 
ных изображений. Некоторые программы способны записывать несколько 
кадров изображения в один файл, что позволяет оживить такую картинку 
средствами программы просмотра, без использования специальных про- 
граммных дополнений. 


Изображения к какого типа а следует сохранять! В 3 формате СТР Наз этот воп- 
рос трудно дать ясный однозначный ответ. Проще привести примеры 
изображений, для которых такой выбор заведомо неудачен. Пейзажные 
многоцветные фотографии с плавными цветовыми переходами, игрой 
света и тени потеряют большую часть своей привлекательности и при- 
обретут значительные искажения при сохранении в этом формате. И на- 
оборот, это хороший выбор для кнопок, навигационных элементов Иев- 
страницы, диаграмм, схем, , деловой графики 1 и | пр. 
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Развитие технической базы машинной графики, бурный прогресс средств 
мультимедиа, автоматизация допечатной подготовки цветных изданий и 
некоторые другие причины вызвали быстрый рост размеров графических 
файлов. Счет давно идет на мегабайты. Профессиональные дизайнеры и 
художники оперируют с изображениями размером в сотни мегабайт, рядовые 
пользователи обмениваются графическими файлами объемом в несколько 
десятков мегабайт; снимок экрана (5с7еепзроё), занимающий 5 Мбайт, в наше 
время может удивить только стойкого приверженца ОО5, хранящего свои 
произведения на пятидюймовых дискетах. 


Для поиска лучшего способа записи больших объемов графической инфор- 
мации при международном комитете по стандартизации (150) была создана 
исследовательская группа /отё Рроюетармс Ехретз Стоир (РЕС, объеди- 
ненная экспертная группа по фотографии). Работа группы завершилась 
предложениями по созданию файлового формата с высокой степенью сжа- 
тия данных. Свое название формат унаследовал от наименования группы 
разработчиков. 


В отличие от формата С/Еформат/РЕС поддерживает глубину цвета в 24 бита. 
Это значит, что он способен отображать более шестнадцати миллионов 
цветов и оттенков, что сравнимо с разрешающей способностью нетрениро- 
ванного человеческого глаза. 


Формат /РЕС существенно отличается от других графических форматов 
тем, что он поддерживает сжатие информации «с потерями». Алгоритм 
сжатия находит и удаляет ту часть графических данных, которая не оказы- 
вает существенного влияния на восприятие реального изображения. Этот 
подход позволил добиться высокой степени сжатия без заметных искаже- 
ний и существенной потери качества. 


Качество сжатого изображения зависит от преобладающих в рисунке или 
фотографии геометрических элементов. Сжатие не влечет критических 
последствий для областей с однородной или плавной заливкой, фоновых 
элементов, у которых отсутствуют резкие границы и скачки цвета. И на- 
оборот, четкие контуры, линии, углы, шрифты с засечками, резкие переходы 
цвета или тона могут в результате сжатия смазываться или при просмотре 
создавать впечатление «вибрации». 


В большинстве программ, допускающих преобразование изображения в 
этот формат, степень сжатия допускает настройку. Предлагается шкала с 
плавным или дискретным переходом от высокого качества и слабого сжа- 
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тия к противоположной точке, соответствующей низкому качеству и силь- 
ному сжатию. Проблема заключается в том, чтобы добиться компромисса 
между высокой степенью сжатия и приемлемым качеством. Обычно это 
достигается в результате экспериментов. Следует начинать со средних зна- 
чений коэффициента сжатия и внимательно оценивать изображение, осо- 
бенно его критичные области. Последние версии формата разрешают сохра- 
нение и передачу по сети графических файлов в чересстрочном виде. 


При сохранении в формате ЛРЕб можно добиться предельной степени 
сжатия. Алгоритм сжатия для этого формата позволяет записать изобра- 
жение в гораздо более компактной форме, нежели при сохранении в 
формате 6/2. Но за это приходится платить немалую цену. Сильное сжа- 
тие способно внести в картинку недопустимые искажения. Каждое сохра- 
нение файла даже с небольшой степенью сжатия вносит в картинку свою 
толику искажений. Многократное повторение этой операции способно 
привести к заметной деградации изображения. 


Если рисунок в этом формате является частью гипертекстовой страницы, 
то его распаковку выполняет программа просмотра. Эта трудоемкая опе- 
рация способна замедлить вывод на экран страницы, насыщенной гра- 
фикой. И еще одна особенность формата ЛРЕС, которую нельзя занести 
в его актив. Он не использует цветовые палитры, записывая любой рису- 
нок с 24-разрядной глубиной цвета. Это расширяет изобразительные 
способности формата, но усложняет контроль сохранения соответствия 
цветов. Конечно, экран пятнадцатидюймового дисплея — это не глян- 
цевая обложка цветного иллюстрированного журнала, в Интернете ошиб- 
ки цветопередачи не столь принципиальны, как в издательском деле, но 
существуют и исключения. Таковыми, например, являются изображения 
тепловых полей критических зон организма в биомедицинской диаг- 
ностике. 


Формат РМС 


Благодаря поддержке компьютерной информационной службы Сотри5ете 
формат С/ЁР стал одним из стандартов в области представления графичес- 
кой информации. Но этот формат не лишен недостатков. В наше время даже 
многие офисные пакеты работают с полноцветной графикой (24 или 32 бита 
на пиксел), не говоря о специальных графических редакторах и програм- 
мах. Поэтому палитра формата С/Ё, которая не может превышать 256 цве- 
тов, не выглядит убедительно, а для многих задач просто не годится. 
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7. Изображения 


Формат Р№С (Ропа Ме Мейоотй Стар#с5) — это растровый формат, который 
разработан как преемник формата С/ЁРи, по замыслу авторов, должен занять 
его экологическую нишу. Перечень возможностей, заявленный в специфи- 
кации формата, выглядит впечатляюще. Этот способ хранения не защищен 
патентами, не требует лицензирования и финансовых отчислений, спосо- 
бен работать с альфа-каналами и сохранять информацию о прозрачных 
областях, поддерживает глубину цвета до 48 битов на пиксел, имеет эф- 
фективный алгоритм сжатия данных «без потерь». Вместе с графической 
информацией в формате РМС можно сохранить метаданные или инфор- 
мацию об индексировании изображения (в текущей версии эта возможность 
не реализована). Эти данные используются поисковыми машинами, что 
значительно ускоряет и облегчает поиск файлов РМС в Интернете. Под- 
держивается чересстрочный режим вывода по методу Адат7. Метод назван 
по имени его изобретателя Адама Костелло, а цифра семь указывает на число 
проходов, за которые изображение полностью выводится на экран. 


По сравнению с чересстрочной схемой формата СЕ метод Адат7 значи- 
тельно ускоряет визуализацию растровых изображений. Он позволяет рас- 
познать транслируемую картинку после получения примерно трети гра- 
фической информации, что значительно превосходит показатели формата 
СЛЕ которые равны примерно пятидесяти процентам. Факты убедительно 
свидетельствуют, что формат Р№С выигрывает у С/Ё почти по всем показа- 
телям. Исключением является работа с анимированными изображениями, 
которая не предусмотрена в текущей версии формата. 


Фирма Мастотеёйа, разработчик такой набирающей популярность програм- 
мы, как Еиемогк$, сделала формат Р№С внутренним форматом этого мощ- 
ного редактора. Все последние версии броузеров большой тройки (1тегпе! 
Ехр/огег, Ме{зсаре Ма\м`да‘ог и Орега) поддерживают данный способ хранения 


В теории все выглядит довольно привлекательно. Страницы учебников 
по ИеБ-графике единодушно утверждают: «Чересстрочный режим 
передачи ускоряет просмотр страниц, поскольку у наблюдателя появля- 
ется возможность получить представление о изображении по его части 
или выборочной совокупности строк». В этом на первый взгляд логич- 
ном утверждении заключено скрытое противоречие. Если страница заин- 
тересовала наблюдателя, то он дождется ее полной загрузки. Только 
после этого он получит полное представление о ее содержании и будет 
способен сохранить интересующий его материал на диске. 
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7.2. Вставка изображений 


Для случайного посетителя, который рассматривает данную страницу 
лишь как отправную точку для очередного броска в незнаемое, черес- 
строчный вывод, конечно, экономит время. Но разве на таких посетите- 
лей рассчитывал автор? Данный режим увеличивает размеры графичес- 
кого файла, а продолжительный чересстрочный вывод изображений 
большого размера оставляет стойкое впечатление неряшливости и спо- 
собен испортить впечатление даже от репродукции классического худо- 


ответ. Более того, любая развернутая рекомендация, претендующая на 
полноту и непротиворечивость, может быть опрокинута специально по- 
добранным контрпримером. Назовем лишь несколько предельных слу- 
чаев, когда выбор оптимального способа хранения диктуется не вкусами 
или пристрастиями, а объективными причинами. Если требуется сохра- 
нить цветовую гамму пейзажной фотографии с плавными переходами 
красок, тонкими цветовыми нюансами, то выбор формата ЛРЕС стано- 
вится единственно возможным. Только этот формат способен обеспе- 
чить предельное сжатие рисунка в тех случаях, когда размеры файла 
важнее качества изображения. 


Немного реальных альтернатив имеет и анимированное изображение. 
Оно должно быть записано в формате С1Р, если только речь не идет о 
сложных динамических эффектах, для получения которых следует вос- 
пользоваться инструментарием языка Дупаттс НТМЁ или возможностями 
Назй-технологии. 


Подавляющее число навигационных кнопок выполнено в стиле плакат- 
ной графики. Это значит, что в их дизайне прямые линии преобладают 
над кривыми, зоны сплошной заливки — над цветовыми градиентами, 
ограниченная цветовая палитра — над красочностью полноцветных цве- 
товых моделей. Для таких рисунков хорошим выбором будут форматы 


7.2. Вставка изображений 


Рисунки, иллюстрирующие содержание \еёб-страницы, принято делить на 
две группы: встроенные (тйЙпе) и плавающие (Доайпг). Эта классифика- 
ция основана на привязке изображений к определенным элементам доку- 
мента. Встроенные графические элементы во многих отношениях ведут себя 
как необычные литеры нестандартного размера и вида. Они занимают опре- 
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деленную позицию в массиве текста, меняют свое положение в процессе 
редактирования документа, переходят на другую строку по мере ввода тек- 
ста, На них действуют команды выравнивания и отступа и т. д. 


Плавающие изображения обладают большей самостоятельностью, поскольку 
сохраняют привязку не ктекущей позиции, а к полям страницы. Программа 
Огеат\меауег способна работать со всеми тремя растровыми форматами, нашед- 
шими применение в ИУ. 


Вставка изображения — это технически простая операция; программа рас- 
полагает несколькими различными путями ее выполнения. Сначала дайте 
команду вставки любым удобным способом. 


» Откройте палигру ОЦес"$ (Объекты), перейдите в раздел Соттоп (Общие) 
и щелкните на кнопке пзем |таде (Вставка изображения), которая рас- 
положена в левом верхнем углу палитры. Эту кнопку можно просто 
перетащить на окно документа и бросить в том месте, где должен быть 
расположен рисунок. 


»е Дайте команду Ипзег* » |таде (Вставка »> Изображение). 
» Воспользуйтесь комбинацией клавиш СТВЕ+АЕТ-+|. 


»е Перетащите изображение из палитры Аззе{$ (Фонды) на нужную пози- 
цию в окне документа. 


ео Перетащите значок изображения из окна диспетчера сайта в окно 
документа. 


» Перетащите изображение с Рабочего стола в нужное место окна доку- 
мента. Здесь источником может быть даже окно программы про- 
смотра. 


При использовании одного из первых трех способов на экране появится 
диалоговое окно Зеес+ |таде Зоигсе (Выбрать изображение), средствами кото- 
рого надо найти и выбрать нужный графический файл. Это стандартная 
для Итаощ$ процедура, которая выполняется при открытии файлов в 
любом приложении. Следует отметить, что это диалоговое окно содержит 
два дополнительных поля: ЦВЕ (Адрес ЦВГ)и Веа{уе То (Относительно), кото- 
рых нет при обычной процедуре поиска файлов. Первое поле служит для 
записи Интернет-адресов графических файлов, расположенных на удален- 
ных компьютерах. Введенный здесь адрес автоматически повторяется в поле 
ЕИе Мате (Имя файла). Второе поле предназначено для выбора способа отно- 
сительной адресации. Подробнее этот вопрос обсуждается в следующем раз- 
деле. 
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7. 2. Вставка изображений 


Параметры изображения задаются при помощи палитры Ргорему |пзресиог 
(Инспектор свойств). 


При в вставке ь изображения в В несохраненный документ программа 
Отеатмеауег создает временную ссылку на файл вида Н(е://. После со- 
хранения документа эта временная ссылка преобразуется в обычное для 
программы ‹ относительное `путевое файловое | ИМЯ. 


Положение и свойства вставленного в  ипертекстовый документ изобра- 
жения записываются при помощи одиночного дескриптора <тод>. Этот 
дескриптор может включать в себя многочисленные атрибуты, задающие 
свойства изображения. Девять атрибутов, как в следующем примере, — это 
далеко не предел: 


< згс="Тетр/апит 1.а!" мме=" 170" ВедН!=" 180" ай!="Пояснение" Богаег=" 1" 
пате="й5" айап="пар!' узрасе="50" Пзрасе="60"> 


Рисунки - — это не только украшение страницы, ее декоративная | или 
оформительская часть. Они способны выполнять многочисленные вспо- 
могательные функции. Приведем несколько примеров. Небольшое пря- 
моугольное изображение, залитое цветом фона, — это неплохое средство 
регулирования абзацных отступов. Достаточно в самом начале абзаца 
поместить дескриптор типа <1тд 5гс=»Н[е_пате.41>>, где Н{е_пате.д! — 
имя файла, хранящего картинку. Прозрачный рисунок, невидимый для 
наблюдателя, неплохо справляется с ролью регулятора, настраивающего 
планировку страницы. Если поместить такое изображение в критичес- 
кую область документа, то при помощи изменения его размеров можно 
разгонять строки, сдвигать объекты, в общем, выполнять тонкую настрой- 
ку страничного макета. Небольшое по высоте, но достаточно широкое 
изображение, размещенное на заднем плане страницы, представляет 
собой неплохое решение проблемы размещения вертикальных линеек 
(подробнее см. раздел «Фоновые изображения»). 


Относительный путь поиска 


Файлы с изображениями могут располагаться в любом месте файловой 
системы компьютера, локальной сети или даже находиться на удаленной 
машине. Когда изображение не принадлежит корневой папке сайта, про- 
грамма считает ситуацию нестабильной и принимает ряд мер по ее измене- 
нию. Во-первых, в диалоговом окне Заес{ |таде Зоигсе (Выбрать изображе- 
ние) файл получает временное имя, похожее на следующее: #1е: / //Е/И\ММЕвВ/ 
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7. Изображения 


АпитаНоп / Аггом.а!. Кроме того, программа выдает предупреждение о том, 
что данный файл находится вне корневой папки сайта, и настоятельно поре- 
комендует сменить расположение рисунка и записать его в указанную папку. 
Трудно привести разумные доводы в пользу отказа от этого предложения. 
Сайты, составные «асти которых прописаны в разных частях файловой 
системы, нельзя обслуживать средствами Диспетчера узла. Любое измене- 
ние отдельных компонентов может привести к разрыву связей и наруше- 
нию целостности узла. 


После сохранения документа все временные имена заменяются постоян- 
ными. Тип адресации выбирается в поле Ке!а{уе 10 (Относительно) диалого- 
вого окна Зе!ес! |таде Зоигсе (Выбрать изображение). Здесь предлагаются два 
способа так называемой относительной адресации. 


» Ке!аНуе 10 Ооситеп! (Относительно документа). В этом случае за точку 
отсчета принимается положение данного документа. Адреса графи- 
ческих вставок задаются относительно его текущей позиции. Этот 
способ принимается по умолчанию. 


»® КеаНуе ю Зце Коо+ (Относительно корневого каталога узла). Для этого спо- 
соба адресации относительным началом служит положение корневой 
папки сайта. 


Каждый из методов относительной адресации имеет свои ограничения и 
области разумного применения. Подробнее эти вопросы обсуждаются в 
главах, посвященных ссылкам и созданию Меб-узла. 


Программа Огеатмеауег добавляет специальный префикс вида В(е:/// 
С]/ ко всем графическим вставкам несохраненного гипертекстового до- 
кумента. Настоятельно рекомендуется записать документ на диск перед 
его публикацией в Сети. Броузеры локального компьютера способны 
обработать ссылки такого вида, поэтому просмотр несохраненной стра- 
ницы на локальном компьютере может и не выявить никаких ошибок. 
Для внешних программ просмотра этот префикс — источник ошибки. 
Они не смогут отработать такую ссылку и вместо картинки подставят спе- 
циальный значок, символизирующий разорванную СВЯЗЬ. 


Редактирование изображений 


Большинство ресурсов, предназначенных для работы с графикой гипертек- 
стового документа, сосредоточено в одном месте — на палитре Ргорему 
пзрес+ог (Инспектор свойств) (СТРЕЕЗ). Эта контекстно-чувствительная па- 
литра меняет свой вид и предлагаемый набор инструментов в зависимости 
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от выбранных объектов документа. На рис. 6.1 показано ее состояние при 
работе с графикой. 


МапиаИтадез/Б9.рд 


Рис. 6.1. Редактирование параметров изображения 


Р ассмотрим элементы управления палитры. 


® |таде (Изображение). Это информационное поле. Оно показывает раз- 


мер изображения и его эскиз в виде значка небольшого размера. 


Поле, расположенное ниже раздела |таде (Изображение), служит для 
задания имени рисунка. Текстовая строка, введенная здесь, соответ- 
ствует значению атрибута пате дескриптора <!тд>. 


М! (Ширина). Ширина изображения в пикселах. 
Н (Высота). Высота изображения в пикселах. 


Згс (Источник). Поле хранит путь поиска для графического файла, вре- 
менный или относительный. Его можно ввести непосредственно с кла- 
виатуры или использовать для этого стандартные средства автома- 
тизации программы: маркер-указатель, расположенный справа от 
поля, и кнопка с изображением папки для вызова процедуры указа- 
ния файлов. Если перетащить маркер на изображение, расположен- 
ное в окне документа или в Диспетчере узла, то оно заменит текущее. 
Щелчок на кнопке запускает стандартную процедуру поиска и выбора 
файлов. 


Ыпк (Ссылка). Этот раздел палитры предназначен для определения 
внешних ссылок. В этом случае изображение становится визуальным 
образом команды перехода, а для указания целевого объекта надо выде- 
лить его при помощи диалогового окна Зеес{ ЕИе (Выбрать файл) 
(запускается щелчком на кнопке) или выбрать, перетащив на его имя 
маркер-указатель. 


Апоп (Выравнивание). Этот список задает девять видов горизонтального 
и вертикального выравнивания. 


АК (Альтернативный текст). Это поле хранит текстовый комментарий, 
который связывается с изображением. Здесь может быть записана 
любая информация, относящаяся к картинке. 
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® \ Зрасе (Вертикальное поле). Задает размер свободного пространства 
по вертикали над и под изображением. 


» НЭрасе (Горизонтальное поле). Хранит размер свободного пространства 
слева и справа от изображения. Единицами измерения для данного и 
предыдущего полей служат пикселы. 


® Тагде! (Назначение). Список объединяет команды, задающие способ вы- 
вода целевого документа. Перечислим их. 


$ _Ыапк. Этот пункт задает загрузку целевого документа в новое 
окно броузера, не имеющее имени. Это, в частности, делает невоз- 
можной ссылку на это окно. 


<% _зе!. Задает загрузку целевого документа в то же окно, откуда 
пришел вызов. Это значение установлено по умолчанию. 


+ _рагеп". Загружает документ во фрейм, который является роди- 
тельским для фрейма, содержащего ссылку. Для документов без 
фреймов имеет тот же смысл, что и предыдущая команда. 


< — ор. Команда загрузки документа в окно программы просмотра, 
без учета существующей фреймовой структуры. 


® 1о\м Эгс (Изображение низкого разрешения). Поле задает графический 
суррогат для целевого изображения. Это картинка, которая имеет 
низкое разрешение и небольшую глубину цвета, а следовательно, 
меньшие размеры и более высокую скорость загрузки. Она замещает 
целевое изображение только на время загрузки последнего. 


» Вогаег (Рамка). Поле задает толщину граничной рамки в пикселах. 
Нулевая толщина означает отсутствие рамки. 


® Еаи (Изменить). Кнопка запуска внешнего растрового редактора, пред- 
назначенного для редактирования изображений. Вид редактора зада- 
ется в основных установках программы, по умолчанию таковым явля- 
ется программа Ггемогк$. После завершения правки система Огеатмеауег 
автоматически обновляет вид документа, учитывая изменения, про- 
исшедшие с изображением. 


® Кезе! (Сброс). Восстанавливает исходные габариты изображения, изме- 
ненные перетаскиванием граничных маркеров или заданием новых 
значений в полях Н (Высота) и \/ (Ширина) палитры. 


Раздел палитры под общим названием Мар (Карта) предназначен для работы 
с картами ссылок. Этот вопрос рассматривается в разделе «Карты ссылок». 
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Изменение размеров 


Размеры изображения задаются атрибутами недв и млан дескриптора 
<та>. Это очень важные параметры, которые всегда следует указывать в 
явном виде. Они дают программе просмотра информацию о размерах кар- 
тинки еще до ее полной загрузки. Броузер может отобразить текст страницы, 
не дожидаясь завершения передачи графических образов, что делает текст 
доступным для обозрения. Единицами измерения служат экранные пик- 
селы. 


Программы просмотра способны самостоятельно изменять размеры рас- 
тровых изображений — растягивать и сжимать загруженные картинки. Это 
позволяет использовать одну картинку в разном масштабе несколько раз, 
на различных страницах одного сайта или в разных местах одной страницы. 
Для этого достаточно ввести новые размеры в полях Н (Высота) и М (Шири- 
на) палитры Ргорему пзрес{юг (Инспектор свойств). Чтобы выполнить масш- 
табирование вручную, требуется выбрать изображение и переместить гра- 
ничный маркер. Для сохранения пропорций изображения в процессе дефор- 
мации следует удерживать нажатой клавишу ЗНЕТ. 


тинка, которую можно получить таким способом, имеет размер 8х8 пик- 
селов. Чтобы выйти за эту границу, следует воспользоваться палитрой 
Ргореку Тпзресфог (Инспектор свойств). 


Значительное изменение размеров способно существенно ухудшить каче- 
ство растрового изображения. При его увеличении растут размеры состав- 
ляющих пикселей. Это может привести к чрезмерному огрублению кар- 
тинки, при котором гладкие линии приобретают отчетливо видимые зуб- 
чатые края. Иногда это явление называют «лестничным эффектом» (}4851е5). 
Уменьшение растрового рисунка связано с риском потери мелких деталей 
и нарушением визуального баланса. Векторная графика обладает намного 
более высокой устойчивостью к масштабированию. К сожалению, она имеет 
ограниченное хождение в сети Интернет. Из многочленных векторных 
форматов, число которых намного превосходит количество растровых, про- 
грамма Огеат\меауег способна непосредственно работать лишь с объектами 
в формате Назй (.З\\Р). 


Радикальные преобразования изображений лучше выполнять при помощи 
специализированных растровых редакторов, например программы Егемогкз. 
Такие программы принимают специальные меры против увеличения раз- 
меров отдельных пикселов. 
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Чтобы вернуться к исходным размерам после проб или неудачных экс- 
периментов с масштабированием, достаточно щелкнуть на кнопке Кезе* 
(Сброс) в палитре Ргорему Тпзресфог (Инспектор свойств). 


Выравнивание 


- 


Если слова, эти дисциплинированные бойцы за ясность мысли, краткость 
изложения, всегда расставляются в ряды и выстраиваются по смысловому 
ранжиру, то изображения имеют намного большую свободу в пространстве 
документа. Логично предположить, что для определения их положения на 
странице существует больше возможностей выравнивания, чем для текста. 


Подобно тексту, рисунки могут быть выровнены по горизонтали. Этот спо- 
соб координирования имеет смысл почти для всех объектов гипертексто- 
вого документа, в том числе и для встроенной графики. Все обычные виды 
текстового выравнивания, за исключением выключки по ширине, могут 
быть применены для графических объектов, интегрированных в текстовый 
массив. Кроме того, рисунки допускают и несколько типов выравнивания 
по вертикали. Для плавающих изображений можно регулировать способ 
обтекания текстом и привязку к элементам дизайна страницы, что также 
можно рассматривать как выравнивание. 


Выравнивание по горизонтали 


Встроенное в текст изображение в определенной степени является его час- 
тью. Это утверждение полностью сохраняет свою справедливость в отно- 
шении выравнивания. Команды выключки действуют на все содержимое 
абзацев или структурных блоков, включая и внедренные рисунки. Чтобы 
добиться их сдвига ло горизонтали, достаточно поместить текстовый кур- 
сор в любое место структурного блока и применить одну из команд меню 
Тех! »> А!оп (Текст »> Выравнивание). В плане кодирования здесь также нет 
никаких отличий от выравнивания текстовых фрагментов. Выбранный тип 
выключки присваивается атрибуту айдп, который может быть частью деск- 
риптора абзаца <р> или входить в дескриптор раздела <4м>. 


Выравниван ие по вертикали 


Размеры литер и встроенной графики могут значительно отличаться, по- 
этому требуются средства, влияющие на вертикальное положение изобра- 
жений и позволяющие добиться более гармоничного расположения иллю- 
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страций и связанного с ними текста. В языке НТМГ эти задачи решают ко- 
манды выравнивания по вертикали. 


Носителем информации о выбранном способе выравнивания является ат- 
рибут айоп дескриптора <ита>. Так, следующий кодовый фрагмент задает 
для изображения, записанного в файле апит.д#, вертикальное выравнива- 
ние по нижнему краю рисунка: 


<та эгс="апит. ай" миа ="50" БеаН="6О" айоп="БоНот"> 


Выравнивание изображения по вертикали настраивается следующим об- 
разом. 


1. Выберите рисунок. 
2. Откройте палитру Ргорему пзрес{юг (Инспектор свойств). 


3. Выберитетип выравнивания рисунка по вертикали из списка Айоп (Вырав- 
нивание), расположенного в правом верхнем углу палитры. 


Все разделы этого списка приведены в следующей таблице 7.1. 


Два последних значения не относятся к вертикальному выравниванию. Их 
выбор превращает встроенное изображение в плавающее. Более подробно 
этот тип графики гипертекстовых документов рассматривается в следую- 
щем разделе. 


Обтекание 


Плавающие изображения — это способ взаимной координации рисунков и 
текста, привычный для настольных издательских систем. Свое название 
такие изображения получили за отдаленное сходство в поведении с остро- 
вками суши в окружении морских вод. Плавающие изображения способны 
до некоторой степени сохранять свое положение на странице гипертексто- 
вого документа в процессе его редактирования. «Потоки текста» обтекают 
графический фрагмент, сохраняя его стабильность и привязку к полям стра- 
НИЦЫ. 


Точка вставки плавающего изображения и его фактическая позиция могут 
значительно расходиться. Если включен режим отображения невидимых 
объектов, программа Огеатмеауег помечает позицию привязки картинки 
специальным символом, который называется Апспог Рот1 {ог Анапеа Е!етепу$ 
(Символ привязки выровненных элементов). Напомним, что отображение этого 
символа задается в основных настройках программы в разделе пмзЫе 
Еетеп1$ (Скрытые элементы) (СТВЕ+У). Символ привязки плавающего изобра- 
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7. Изображения 


Таблица 7.1. Тип выравнивания рисунка по вертикали 


Вид выравнивания по вертикали Результат 


Вгомизег Ое{аий Если выбрать этот пункт, то в дескриптор <Ита> 

(По умолчанию для броузера) не включаются атрибуты выравнивания. Вопрос о 
выравнивании по вертикали оставляется на 
усмотрение программы просмотра. Большая 
часть броузеров принимает по умолчанию 
вариант Вазе!те (По базовой линии) 


Вазе!пе (По базовой линии) Нижний край рисунка выравнивается по базовой 
линии текста | 
Тор (По верхнему краю) Верхняя граница изображения выравнивается 


по верхней части самого высокого объекта, 
расположенного в данной строке 


МюаеЕ (По середине) Середина графического объекта выравнивается 
по базовой линии текста 


Во{цот (По нижнему краю) Нижний край рисунка выравнивается по базовой 
линии текста 


Тех+{ Тор Верхняя граница изображения выравнивается 
(По верхнему краю символов) по верхней части самого высокой литеры, 
расположенной в данной строке 


АБзоще Маае Середина изображения выравнивается по середине 
(По середине строки) текста или других объектов данной строки 

Абзоще Во{от Нижняя граница изображения выравнивается по 
(По нижнему краю строки) нижним выносным элементам букв данной 


строки. Пусть текстовая строка состоит из одной 
литеры р. При выравнивании по нижнему краю 
(Воцот) базой служит основное очко литеры. 
Для данного способа в качестве базы выбирается 
самая нижняя точка буквы 


Гей (По левому краю) Изображение выравнивается по левой части окна 
броузера или ячейки таблицы, в результате текст 
текущего абзаца обтекает картинку справа 


Кан (По правому краю) Изображение выравнивается по правой части окна 
или ячейки таблицы. Массив текста обтекает 
рисунок слева 
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7.2. Вставка изображений 


жения играет обычную для спецсимволов программы роль полномочного 
представителя объекта и его якоря. С его помощью можно выбирать и пере- 
мещать картинки, вызывать контекстное меню и Инспектора свойств, менять 
и, наконец, удалять изображения. 


Плавающее изображение сохраняет свое положение при перемещении сим- 
вола привязки в текущем абзаце. Сдвиг якоря по вертикали влечет за собой 
перемещение его подопечного в том же направлении. 


Язык гипертекстовой разметки располагает специальными средствами, 
регулирующими расположение текста в стороне от плавающего изображе- 
ния. По умолчанию строки занимают все свободное пространство страницы 
слева или справа от таких рисунков. Чтобы начать строчку не от границы 
изображения, а от страничного поля, требуется вставить дескриптор обры- 
ва строки с дополнительным атрибутом сеаг. Рассмотрим все его значения. 


Атрибут Значение 


<Ьг цеагеН> Последующий текст начинается с новой строки, причем там, где 


нет плавающего изображения, выровненного по левой 
стороне. Смысл дескриптора хорошо передает его дословный 
перевод: левая сторона текста после дескриптора должна быть 
свободна от изображения 


<Бг цеаг=пиа > Последующий текст начинается с новой строки, причем там, где 
нет плавающего изображения, выровненного по правой 
стороне 

<Бг <чеаг=а!> Текст, следующий за плавающим изображением, начинается 


со строки, в которой нет плавающего изображения ни слева, 
ни справа 


Нарис. 7.2 показано плавающее изображение с выключкой по левому краю. 
Оно обтекается текстом справа. Символ привязки, который не виден в про- 
грамме просмотра, расположен перед словом «технология». 


Если после слова «штампа» поставить дескриптор вида <Ьг сеаг=е!#>, то 
последующая часть фразы переносится на первую свободную строку после 
картинки, как показано на рис. 7.3. 


К сожалению, программа Огеатмеауег не располагает специальными эле- 
ментами управления для вставки дескриптора перевода строки с атрибу- 
том очистки. Видимо, самый экономичный способ ввести его в состав доку- 
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8 Зак. 966 


7. Изображения 


Офсетная печать очень похожа на технологию 
оттискивания штампа в документах. Собственно 
печать в рамках офсетной технологии 
выполняется с помощью 

: | металлической матрицы, на которую 
нанесено рельефное изображение 
печатаемой страницы. Выпуклые 
части рельефа соответствуют по форме 


Рис. 7.2. Плавающее изображение 


Офсетная нечать очень похожа на технологию 
ОТТНС! КНВання 


Ш Ш 


штампа в документах. Собственно печать в рамках 
офсетной технолоЕнНи выполняется © помощью 


Рис. 7.3. Действие дескриптора перевода строки с очисткой левого поля 


мента — это вставить обычный перевод строки при помощи комбинации 
клавиш ЗНЕТ+ЕМТЕК, а затем перейти в режим просмотра кодов и ввести 
атрибут с!еаг с нужным значением с клавиатуры. 


Программа Отеатчеауег не всегда корректно отображает действие дес- 
крипторов перевода строки с атрибутами очистки. После загрузки доку- 
мента в программу просмотра все параметры дескриптора работают пра- 
ВИЛЬНО. 


Поля 


Для любого изображения, встроенного или плавающего, можно назначить 
поля. Применителько к картинкам гипертекстового документа этот термин 
имеет общепринятое толкование. Полями называют свободное простран- 
ство вокруг некоторого объекта или вдоль границ страницы. Установлен- 
ные размеры полей хранятся в атрибутах узрасе (вертикальные поля) и 
Кзрасе (горизонтальные поля) дескриптора <!та>. Единицами измерения 
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7.2. Вставка изображений 


служат пикселы. Размер верхнего и нижнего полей одинаковый, а правое 
всегда имеет тот же размер, что и левое. 


Технически операция задания полей выполняется очень просто. 
1. Выберите изображение. 
2. Откройте Инспектор свойств (СТКЕ-+ЕЗ). 


3. Введите требуемые значения в поля палитры \ $расе (Вертикальное поле) 
иН Зрасе (Горизонтальное поле). 


4. Нажмите клавишу ЕМТЕК или просто перейдите в окно документа. 


свойств) разрешается вводить числовые величины с указанием единиц 
измерения. Программа Огеатмеауег понимает следующие обозначения: 
тп (дюймы), рс (пики), р* (пункты), ст (сантиметры), тт (миллиметры). 
Более того, допускается использование простейших арифметических 
выражений с использованием операций сложения (+) и умножения (*). 
Например, в поле Н $расе (Горизонтальное поле) можно записать 
2р+1ст, после чего программа самостоятельно переведет все единицы 
измерения в пикселы и вычислит это выражение. В результате размер 
горизонтального поля для изображения окажется равным 51 пикселу. 


Комментарий и название 


С изображением можно связать текстовую информацию двух видов: назва- 
ние и комментарий. 


Выбранное название присваивается атрибуту пате дескриптора <!тд> так, 
как в следующем примере: 


<ита эгс=" 1О{ра" пате="Имя_рисунка"> 


Для его ввода служит поле, расположенное в левом верхнем углу палитры 
Инспектора свойств. Имя рисунка играет не столь заметную роль, как можно 
было бы предположить, следуя привычным аналогиям. Оно делает возмож- 
ным обработку изображения сценариями, кроме того, некоторые приложе- 
ния способны обращаться к рисункам по уникальному имени. 


Комментарий — это любая строка текста, которую пользователь желает 
связать с данным изображением. При их написании следует иметь в виду 
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7. Изображения 


»® Некоторые программы просмотра отображают комментарий до окон- 
чания загрузки изображения. 


»® Заметную долю программ просмотра составляют текстовые броузеры 
(например [упх), которые выводят в позиции изображения только 
связанный с ним текст. Один из способов наладить работу в сети при 
медленном доступе — это отключить загрузку картинок. 


е Самые распространенные программы просмотра пегпе{ Ехрюогег и 
Ме!саре Мам дагог отображают комментарий в виде всплывающей под- 
сказки при наведении указателя мыши на изображение. 


е Многие поисковые машины учитывают текст, связанный с изобра- 
жениями, при индексации узлов и страниц. 


Перечисленного вполне достаточно для того, чтобы отнестись к написанию 
текста комментария со всей ответственностью. Хороший комментарий дол- 
жен давать представление о роли, смысле и использовании изображения. 
Идеальный комментарий — это полный семантический и практический 
эквивалент рисунка. 


Для ввода комментариев служит поле Ан (Альтернативный текст) палитры 
Ргорему пзрес{ог (Инспектор свойств). Они представлены атрибутом ак деск- 
риптора <!тд>, например: 


<ита згс="1О.{ра" ай="Описание рисунка"> 


Рамка 


Дополнительная обрамляющая рамка вокруг изображения — это дизайнер- 
ский прием ограниченного применения. Одной из немногих ситуаций, когда 
ее использование можно считать оправданным, является расположение в 
ряд нескольких картинок небольшого размера. Здесь рамка служит види- 
мой границей между соседними рисунками. 


Толщина рамки измеряется в пикселах, а ее цвет — это цвет текста, задан- 
ный по умолчанию в основных настройках страницы. Нулевая толщина 
означает отсутствие этого элемента оформления. Толщина рамки присваи- 
вается атрибуту Богаег, например: 


<ита гс="10рд" Богаег="1"> 


Для ввода этого параметра служит поле Вогаег (Рамка) палитры Ргорему 
пзрес{ог (Инспектор свойств) (СТКЕ-+ЕЗ). 


228 


7.2. Вставка изображений 


Иеб-дизайнера. Изображение, которое представляет команду гипертек- 
стового перехода, может быть обведено рамкой ярко-синего цвета. Такая 
рамка — это не элемент декорирования рисунков, а способ выделения 
активных областей гипертекстовых ссылок. Программа Огеатмеауег 
обычно не создаеттакую рамку. Ввод ненулевого значения в поле Вогаег 
(Рамка) делает рамку рисунка-ссылки видимой. 


Фоновые изображения 


Вот уже несколько лет признанным законодателем мод в растровой графике 
является программа Рио‘озпор. Каждая новая версия редактора предлагает 
новаторские решения и инструменты, которые, нередко после бурных 
обсуждений и критики, принимаются сообществом компьютерных худож- 
ников, переносятся в программы-конкуренты и, в конце концов, становятся 
неписаными стандартами в области растровой машинной графики. 


Сейчас недостатка в программах подготовки растровой графики нет. 
Пользователь может выбирать из нескольких десятков программных про- 
дуктов разных ценовых категорий и возможностей, но основная масса дизай- 
нерской продукции создается в стиле, который условно можно назвать «сти- 
лем Рпо\юзпор». Его отличительными признаками служат полупрозрачность 
и наложение слоев. Поддерживается этот стиль и в языке гипертекстовой 
разметки. 


Язык НТМЕ располагает различными инструментами для реализации нало- 
жения слоев и полупрозрачного объединения, самым простым из них явля- 
ется фоновое изображение. 


Процедура вставки фонового изображения рассматривалась в разделе, посвя- 
щенном параметрам гипертекстового документа. Повторим здесь лишь ее 
основные этапы. 


1. Дайте команду МоаНу » Раде Ргорегче$ (Изменить »> Свойства страницы) или 
воспользуйтесь комбинацией клавиш СТВЕ+.). Еще один способ выдачи 
этой команды — это контекстное меню, которое вызывается щелчком 
правой кнопки мыши на любой свободной точке страницы. 


2. В поле ВасКогоипа |таде (Фоновый рисунок) введите полный путь поиска 
для изображения. Процедура поиска и выбора графического файла 
ничем не отличается от стандартной, она запускается щелчком по кнопке 
Вгомзе (Обзор). 
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7. Изображения 


Сведения о выбранном фоновом рисунке заносятся в дескриптор <Боду>, 
например тег <Боду БасКдгоипд="!'таде.рд"> предписывает поместить на зад- 
ний план рисунок, расположенный в одном каталоге с документом. А кодо- 
вый фрагмент <Боду БасКагоипа="\/лмм итадез.сот / зоигсе /Баск.д!"> делает 
фоном внешнее изображение с указанным адресом в Интернете. 


На форматы фоновых рисунков накладываются обычные для растро 
ИеБ-графики ограничения. Изображением заднего плана может быть 
графический файл одного из трех форматов: С/1Р, ЛРЕб или РМ. 


Комбинация графического изображения на заднем плане и текста с рисун- 
ками на переднем плане служит основой для множества популярных дизай- 
нерских решений. Например, с помощью подходящего фона можно размес- 
тить на странице вертикальную линейку, оттенить изобразительный ряд 
переднего плана, сделать выворотный текст и пр. 


Каким образом реагируют программы просмотра на фоновые рисунки? 
Если его размеры меньше, чем габариты окна, то броузер порождает не- 
сколько копий фона и покрывает ими все свободное пространство доку- 
мента. Этот прием называется по-английски НЙ ив, что часто переводят как 
мозаика. Это сильнодействующее дизайнерское средство имеет свои досто- 
инства и недостатки. Случай, когда мозаичный рисунок фона вписывается 
в общий художественный замысел страницы или образующее изображе- 
ние имеет однородную структуру и не порождает видимых границ, можно 
считать благоприятным. Он не требует каких-либо специальных меропри- 
ятий, поэтому обсуждать его не будем. 


Рассмотрим ситуацию, когда требуется скрыть пограничные швы между 
отдельными кирпичиками в укладке фона. Самое простое решение —ис- 
пользование рисунка достаточно больших габаритов, которое заведомо 
покроет всю свободеую область страницы и, тем самым, позволит избежать 
создания мозаики. Размеры такого изображения должны быть рассчитаны 
на мониторы самого крупного формата. Если габариты страницы превысят 
размеры фона, возникнет мозаика в ее худшем варианте: с массивным усе- 
чением образующей фигуры. Кроме того, на пути увеличения размеров 
стоят ограничения, накладываемые низкой пропускной способностью кана- 
лов связи. 


Другой способ — это применение специальных методик удаления гранич- 
ных швов. С этой проблемой сталкиваются не только разработчики \еб- 
страниц, она хорошо знакома фотохудожникам, верстальщикам и специа- 
листам в области допечаткой подготовки. Накоплена громадная коллек- 
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ция приемов, методик, способов создания бесшовных фонов (5еапие5$ 
раНет). Существуют даже специальные программные дополнения к изве- 
стным растровым редакторам и автономные программы, которые позволяют 
решить эту задачу. Основными средствами маскирования швов в редакторе 
Рно{озПор являются фильтр О#зе* (Сдвиг) и инструмент КиББег $1атр (Штамп). 


Однопиксельные изображения 


Гипертекстовые документы предоставляют дизайнеру огромную свободу 
для самовыражения. Перекрестные ссылки, мультимедийные объекты, про- 
граммное управление встроенной графикой и процессом просмотра доку- 
мента — таких мощных инструментов не может предложить традиционная 
технология подготовки печатных изданий. С другой стороны, язык НТМЕЁ 
не располагает достаточно эффективными средствами управления типог- 
рафскими параметрами «гладкого текста». Многие задачи форматирова- 
ния, которые в текстовых редакторах или настольных издательских систе- 
мах решаются простым нажатием кнопки или вводом числа, заставляют 
У’ер-дизайнера прибегать к трюкам и ухищрениям. Такие параметры, как 
межстрочное расстояние или горизонтальные отступы, не поддаются исчер- 
пывающему контролю только средствами НТМЕ. Задача управления типо- 
графскими параметрами получила исчерпывающее решение с появлением 
иерархических стилевых спецификаций (Сазсафтя 5н/е 5йее, С55), но 
многие разработчики \ер-страниц, с большим или меньшим на то основа- 
нием, до сих пор отказываются от использования этого мощного средства 
форматирования, предпочитая пользоваться хорошо проверенными обход- 
ными приемами. 


Кчислу бесспорных лидеров по числу полезных применений в разных про- 
ектных ситуациях принадлежит прозрачное изображение размером в один 
пиксел, записанное в формате СЁ. Оценим накладные расходы: такое изоб- 
ражение занимает всего лишь 43 байта, на его передачу по сети требуется 
примерно одна секунда при скорости соединения в 28,8 Кбит/с. Когда кар- 
тинка такого маленького размера используется в качестве вспомогатель- 
ного монтажного элемента, она остается невидимой практически во всех 
ситуациях. Чтобы просто выбрать ее, требуется приложить определенные 
усилия. Один экземпляр изображения может быть использован в разных 
частях документа для решения многочисленных задач форматирования. 


Перечислим несколько примеров «полезного совмещения специальностей» 
однопиксельного изображения. Это, прежде всего, отступы по горизонтали. 
В начало строки, требующей регулировки, помещается однопиксельное 
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изображение. Искомую величину отступа можно получить за счет гори- 
зонтального масштабирования рисунка. Для этого в поле МУ/н палитры 
свойств надо ввести требуемое значение ширины. Другое, более предпоч- 
тительное решение этой задачи дает использование полей. Напомним, что 
горизонтальное поле задается в атрибуте Нзрасе дескриптора <ита>. В палитре 
свойств этому атрибуту соответствует поле с тем же названием. Следует 
помнить О том, что зведенное значение откладывается в обе стороны от 
рисунка, поэтому значение атрибута Израсе должно быть в два раза меньше, 
чем требуемый горизонтальный сдвиг. 


Эту схему можно применить для задания требуемого межстрочного рас- 
стояния. Расстановка между словами нескольких однопиксельных изоб- 
ражений с подходящими значениями высоты или вертикальных полей по- 
зволяет добиться желаемого просвета между строчками текста. Данный 
прием требует от дизайнера больших усилий, чем регулирование горизон- 
тальных отступов. Расположение слов в окне броузера зависит от ширины 
страницы и размеров рабочего окна программы просмотра. В предельном 
случае каждая отдельная строчка состоит только из одного слова. Если такая 
ситуация реальна, то сохранить требуемое межстрочное расстояние можно, 
разместив однопиксельные изображения после каждого слова! 


Прозрачное изображение минимального размера — это своеобразная мат- 
рица, которая способна продуцировать разнообразные дизайнерские реше- 
ния, связанные с отступами и интервалами. Так, по этой схеме можно решить 
задачу создания заголовков с набором вразрядку, увеличить пробелы между 
словами и многое другое. 


7.3. Интерактивные изображения 


Восприятие графики страницы можно сделать более комфортным и нагляд- 
ным, применив простейшие эффекты анимации. В наше время анимация 
элементов навигации стала своего рода стандартом де-факто; редкая стра- 
ничка обходится без динамических, чувствительных к событиям кнопок 
или навигационных ‘панелей. 


Известны различные способы оживления картинок. Самый простой — это 
вставка анимированного С/Ё-изображения. «Живые картинки» такого типа 
создаются в специальных программах, например Масготеа РГге\ммогК$ или 
АдоБе ЫумеМоНоп. Процедура их вставки не отличается от обычных растро- 
вых изображений. Программа Огеатмеауег показывает такие изображения 
статично, увидеть динамику можно в броузере или при помощи специаль- 
ной программы просмотра графики. 
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Еще одна методика заключается в сочетании возможностей языка НТМЕ и 
сценариев /аоа5спре. В состав страницы встраиваются небольшие программы, 
написанные на языке /аоа5спрЕ, которые выполняют мониторинг состоя- 
ния страницы и запускают программы — обработчики событий. 


Например, событием может быть наведение указателя мыши на изображе- 
ние. По этому событию специальный сценарий может выполнить замену 
графической подложки. Эта простая схема лежит в основе множества дина- 
мических ианимационных эффектов. Например, можно просто менять цвет 
картинки или ее яркость, добавлять тень, создавать эффект нажатой кнопки, 
выводить поясняющую надпись и многое другое. 


Анимация такого типа называется на языке оригинала 7оДобет 1тае, что в 
дословном переводе означает «перекат изображения». Устоявшегося пере- 
вода этого термина на русский язык пока что не существует. Будем назы- 
вать изображения такого типа интерактивными, оставляя прилагательное 
динамический для анимации более сложного типа, созданной на основе 
языка Дупапис НТМЬЕ или средствами приложения Назн. 


С технической точки зрения, интерактивные изображения мало отличаются 
от обычных по способу вставки и методам кодирования в языке НТМЕ. 
Информация о рисунках такого типа записывается в обычный дескриптор 
<тд>. Динамику изображению сообщает небольшая программа, написан- 
ная на языке /асазспрЕ, которая при наведении указателя мыши автомати- 
чески заменяет базовое изображение указанной пользователем картинкой- 
дублером. Для этих целей программа Огеатмеауег помещает в самое начало 
документа около двух десятков строк кода программы. 


Вставка интерактивного изображения выполняется следующим образом. 
1. Поместите текстовый курсор в позицию вставки. 


2. Дайте команду 1пзег" » {егасйуе |таде »> КоПоуег |таде (Вставка > Динами- 
ческие изображения » Интерактивное изображение). Другой способ выпол- 
нения этой команды дает палитра объектов, содержащая в разделе 
Соштоп (Общие) специальную кнопку. В любом случае откроется 
диалоговое окно, показанное на рис. 7.4. 


3. Заполните поля этого окна. 


е |таде Мате (Имя изображения). Поле служит для ввода уникального 
имени данного объекта. 


е — Опдтатаде (Исходное изображение). Здесь указывается исходное 
изображение, которое отображается на позиции вставки в обыч- 
ном состоянии. 
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7. Изображения 


® — Во!о\егтаде (Интерактивное изображение). Здесь надо задать изоб- 
ражение-дублер. Оно выводится вместо исходного рисунка после 
наведения на него указателя мыши. 


® — Ргеоаа Ро!о\ег |таде (Предварительная загрузка). Этот флажок вклю- 
чает режим предварительной загрузки изображения в кэш про- 
граммы просмотра. 


е — \/Неп СИске Со То ЦВЕ (Переход по адресу). Здесь хранится команда 
гипертекстового перехода. Нужную ссылку можно ввести с клави- 
атуры или разыскать и выбрать целевой объект, щелкнув на кнопке 
Вгомие (Обзор). 


4. Завершите процедуру щелчком на кнопке ОК или нажатием клавиши 
ЕМТЕК. 


поей НоНоуег Мпаде 


Рис. 7.4. Вставка интерактивного изображения 


Программа Огеатуеауег не показывает динамическую смену картинок; уви- 
деть интерактивное изображение в действии можно после загрузки стра- 
нички в программу просмотра. Напомним, что самый короткий способ вызвать 
броузер и загрузить в него документ — это нажатие клавиши 112. 


Описанный способ создания интерактивного изображения неединственный; 
_ программа располагает различными средствами, позволяющими добиться 
такого же эффекта. Так, при помощи палитры Вепамюгз (Режимы) можно 
задать первоначально статичному изображению намного более сложную 
динамику. 


Размеры составляющих интерактивного изображения должны совпадать. 
Это несколько стеснительное ограничение можно считать платой за про- 
стоту создания таких объектов. Если габариты исходной картинки и ее 
заменителя различны, программа выполняет подгонку альтернативной 
картинки под размеры основной. 
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7.4. Панели навигации 


Чтобы сделать информацию на сложном многостраничном сайте доступ- 
ной, надо снабдить его развитой системой ссылок и наглядными средствами 
навигации, упрощающими перемещение по разделам узла. Навигационные 
панели — это один из способов снабдить Меф-узел наглядными и система- 
тичными средствами управления. 


Навигационная панель представляет собой развитие идеи интерактивных 
кнопок. Это несколько смежных динамических кнопок, расположенных в 
ряд и, в общем случае, обладающих более сложным поведением. Идея не 
нова. Каждый искушенный пользователь Интернета встречал на просто- 
рах всемирной Сети узлы с подобным расположением управляющих эле- 
ментов. Преимущества такого решения достаточно очевидны — это, прежде 
всего, компактное расположение средств навигации и их наглядность. 


В программе Огеатмеауег навигационные панели создаются на основе таб- 
лицы, которая играет роль каркаса для графических элементов, и нескольких 
интерактивных кнопок, служащих указателями гипертекстовых команд 
перехода. 


Чтобы во всей полноте использовать динамический потенциал навигаци- 
онных панелей, требуется подготовить для каждого их элемента четыре 
изображения, желательно одинакового размера: 


о исходное изображение; 
® изображение, которое появляется после наведения указателя, 
® изображение, которое отображается после щелчка, 


® изображение, появляющееся при наведении указателя мыши после 
нажатия кнопки. 


Обязательным является только первый рисунок. Остальные изображения 
можно не указывать, что, естественно, сделает поведение интерактивной 
кнопки беднее. 


Вставка навигационной панели выполняется следующим образом. 
1. Поместите текстовый курсор в место будущего расположения объекта. 


2. Дайте команду тзем » |цегасН\е |таде$ »> Мамда{оп Ваг (Вставка »> Динами- 
ческие изображения » Навигационная панель). Эта команда откроет диало- 
говое окно пзег{ Мамда#оп Ваг (Вставка навигационной панели), показанное 
нарис. 7.5. 
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шзеп Мамоаноп Ваг 


Рис. 7.5. Вставка навигаиионной панели 


Выполните настройку навигационной панели с помощью элементов 
управления этого диалогового окна. 


Мау Ваг Е !етеп($ (Элементы навигационной панели). В этом списке пере- 
числены имена всех кнопок панели. Чтобы добавить новый элемент, 
надо просто щелкнуть на кнопке со знаком +. Щелчок на кнопке 
со знаком -- удаляет выбранный элемент панели. Кнопки со стрел- 
ками служат для изменения порядка интерактивных элементов 
навигационной панели. 


Еетеп{ Мате (Имя элемента). Это поле служит для ввода названия 
интерактивной кнопки. 


Ур!таде (Исходное изображение). Это обязательный элемент нави- 
гационной панели. Заданный здесь рисунок отображается при 
первой загрузке страницы. 


Оуег |таде (Изображение при наведении). Этот рисунок появляется 
вместо исходного при наведении на него указателя мыши. 


Оо\мп /таде (Изображение при нажатии). Рисунок, который выводит 
программа просмотра при щелчке мыши на исходном изображе- 
НИИ. 


Оуег М/п!е Во\ип |таде (Изображение при наведении после щелчка). Этот 
рисунок появляется при наведении указателя на кнопку после 
щелчка на ней. 


\У!пеп Сискеа Со То ЦВЕ (Переход по адресу). Это поле содержит ко- 
манду гипертекстового перехода, связанную с данной интерак- 
тивной кнопкой. Раскрывающийся список п (Открыть в) позволяет 
выбрать окно или фрейм для загрузки целевого документа. 


Ргеоад |тадез (Предварительная загрузка). Установка этого флажка 
разрешает отображение кнопки только после того, как загруже- 
ны все связанные с ней изображения. Это прием позволяет избе- 
жать задержек в работе программных обработчиков событий. 


Зпоми Бомп |таде птаЙу (Показать вначале изображение при нажатии). 
Этот флажок меняет очередность показа элементов интерактив- 
ной кнопки. Если он установлен, то первым при загрузке страницы 
появляется изображение при нажатии. Например, при загрузке 
корневой страницы некоторого сайта целесообразно отображать 
кнопку, которая ей соответствует, нажатой. 


|пзег4 (Вставка). Этот список служит для выбора способа располо- 
жения массива кнопок навигационной панели. Возможны два 
варианта: Нойхопчайу (По горизонтали) и Мегсайу (По вертикали); 


Изе ТаЫез (Использовать таблицу). Этот флажок обеспечивает рас- 
положение всех элементов панели в общем каркасе, которым слу- 
жит обычная таблица. Если этот флажок сброшен, навигацион- 
ная панель превращается в простое собрание интерактивных кно- 
пок, положение которых можно свободно менять. 


4. Завершите создание навигационной панели щелчком на кнопке ОК. 


Какие преимущества дает навигационная панель по сравнению с группой 
несвязанных интерактивных кнопок? Этот объект работает так же, как хоро- 
шо известные всем пользователям Ии4ои$ группы переключателей. Нажа- 
тие одной кнопки автоматически освобождает ранее нажатую. Щелчок по 
интерактивной кнопке переводит ее в состояние Вомп (Нажата) и одновре- 
менно восстанавливает состояние Ур (Обычное) у предыдущей. 
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Нак каждой я странице м можно > разместить л лишь по одной навигационной 
панели. При лопытке нарушить это ограничение программа Огеат\меауег 
выведет предупреждение и предложит перейти к модификации суще- 
ствующей панели. Если пользователь ответит согласием, откроется диа- 
логовое окно Мой1у МамтдаНоп Ваг (Изменение навигационной пане- 
ли), средствам МИ 1 которого в выполняется вся я работа г по о редактированию. 


Нормальный способ Е внести изменения в в существующую навигационную 
панель — это команда Мод\у » Мамдаоп Ваг (Изменить » Навигаци- 
онная панель). 


7.5. Предварительная загрузка 


Тактику предварительной загрузки используют в тех случаях, когда изоб- 
ражение необходимо вывести на экран сразу, исключая задержку на его 
передачу по Сети. Часто при просмотре еф-страниц возникают ситуации, 
когда даже небольшие паузы в процессе визуализации нежелательны, на- 
пример, если изображение участвует в динамической сцене или взаимо- 
действует с программными сценариями. Задержка с выводом такой кар- 
тинки способна нарушить авторский порядок просмотра страницы. 


В таких случаях рисунок сначала полностью загружается в некоторое про- 
межуточное хранилище — кэш или буфер — и только после этого ставится 
доступным для последующей обработки. 


Включить режим предварительной загрузки можно следующим образом. 
1. Выберите изображение. 


2. Откройте палитру Вепамогз (Режимы). Для этого дайте команду ММтаом > 
Вепамог$ (Окно » Режимы) или воспользуйтесь комбинацией клавиш 
УНЕАТ-ЕЗ. 


3. Щелчком по кнопке со знаком + откройте меню с перечнем доступных 
режимов поведения 


4. Выберите из этого списка пункт Ргеоад !тадез (Предварительная загрузка 
изображений). Откроется одноименное диалоговое окно. 


5. В диалоговом окне Ргеюад |тадез (Предварительная загрузка изображений) 
щелкните на кнопке, отвечающей за пополнение списков. Разработчики 
программы используют для кнопок такого типа стандартное изобра- 
жение — знак +. 
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6. В нижнее поле введите полное имя графического файла, хранящего 
изображение, или запустите процедуру его поиска щелчком на кнопке 
Вгомизе (Обзор). Имя файла заносится в список имен файлов, выбран- 
ных для предварительной загрузки. 


7. Подтвердите заданные установки щелчком на кнопке ОК. 


Описанная процедура — это стандартный способ предварительной загрузки 
в программе Огеатмеауег. Он основывается на использовании специальной 
короткой программы, написанной на языке Ласа5спре. Все версии популяр- 
ных броузеров \егпе! Ехрюгег и №е{зсаре Мамюа‘ог, начиная с третьей, кор- 
ректно обрабатывают это предписание. 


Существует технический прием, позволяющий добиться предваритель- 

ной загрузки, не прибегая к помощи сценариев. Для этого надо в начале 
страницы, в подходящем для этого месте, поставить рисунок и задать ему 
минимальный размер, например один пиксел по ширине и столько же по 
высоте. При загрузке страницы изображение запишется в кэш броузера, 
но в силу крошечных габаритов не будет заметно для наблюдателя. При 
последующих штатных обращениях к этому рисунку используется предва- 
рительно загруженная копия, хранящаяся в кэше программы просмотра. 


7.6. Внешний графический редактор 


Если требуется внести существенные изменения в иллюстрацию и тех, по 
сути, косметических средств редактирования рисунков, которыми распола- 
гает программа Огеатмеауег, оказывается недостаточно, следует обратиться 
к специальному растровому редактору. 


С изображениями любого типа (динамическими, статическими, анимиро- 
ванными), вставленными в гипертекстовый документ, можно связать спе- 
циализированную программу, средствами которой и выполняются все ра- 
дикальные графические преобразования: изменение цвета, применение 
фильтров, масштабирование образа (тезатрйпв) и пр. По умолчанию такой 
программой является редактор Масготеа Нге\ммогК$. 


Существует несколько способов его вызова непосредственно из окна доку- 
мента: 


® ЛВОЙНОЙ Щелчок мышкой на изображении при нажатой клавише СТКЕ; 


»е вызов контекстного меню при помощи щелчка правой кнопки мыши 
на изображении и выбор команды Еаи М/ин Ргемогк$ 4 (Редактировать с 
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помощью программы Ргемогкз$ 4) или Еай У/Ин » Вгомизе (Редактировать с 
помощью » Обзор); первая из команд вызывает редактор, установлен- 
ный по умолчанию, вторая запускает процедуру поиска внешней про- 
граммы; 


® выбор изображения, открытие палитры Ргорему пзреског (Инспектор 
свойств) и щелчок на кнопке Ед! (Изменить); 


® двойной щелчок на имени файла в окне Диспетчера узла. 


Внешний редактор, ассоциированный с программой Огеатмеауег, дает не- 
сколько заметных преимуществ при работе с ер-графикой. Любой из пере- 
численных способоз вызова редактора автоматически загружает в него 
выбранное изображение. Существенно упрощается обновление изображе- 
ний после внесения в них изменений. Для этого не требуется их повторной 
загрузки. 


После окончания редактирования в программе Етемогк$ надо щелкнуть на 
кнопке Попе (Готово) и вернуться в окно документа. Этого достаточно для 
обновления рисунка. 


Ассоциированный редактор не запрещает использовать для редактирова- 
ния Уеб-графики любую внешнюю графическую программу. Но в этом 
случае пользователь лишен тех преимуществ, которые дает работа с присо- 
единенным редактором. 


Чтобы внести в гипертекстовый документ изменения рисунка, внесен- 
ные внешним редактором, надо сохранить их в файле и вернуться в доку- 
мент. Если рисунок не обновился, то следует выбрать его и щелкнуть на 
кнопке Кезеф 512е (Сброс размеров) в Инспекторе свойств. 


Выбор внешнего редактора 


Несмотря на то, что программа Етемогк$ обладает всеми необходимыми 
инструментами для создания Иев-графики, пользователь может связать с 
системой Огеатмеауег любой растровый редактор по своему выбору. Сле- 
дует отметить, что такой выбор способен внести определенное рассогласова- 
ние в гармоничную совместную работу. 


Программы Ргемогк$ и Огеатмеауег разработаны одной фирмой, которая 
заложила в них возможности глубокой интеграции и информационного 
обмена. Но сердцу, как говорится, не прикажешь. Чтобы связать с изобра- 
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жениями гипертекстового документа другую программу, надо действовать 
следующим образом. 


1. 


Откройте диалоговое окно настройки программы Огеатмеауег. Этого 
можно добиться двумя способами: 


е — командой Еа# » Ргеегепсе$ (Правка » Настройки); 


е ПО команде Еаи » Еам мин Ежегпа! ЕЧКог (Правка » Редактировать во 
внешнем редакторе). 


В диалоговом окне Рге{егепсе$ (Настройки), показанном на рис. 7.6, от- 
кройте категорию Ейе Турез /Е4Ног$ (Типы файлов/Редакторы). 


В разделе Ежепзюп$ (Расширения) выберите тип графических файлов, 
для которых будет назначен новый внешний редактор. Если нужное 
расширение не значится в списке, щелкните на кнопке со знаком +, что 
означает добавление нового пункта, и введите с клавиатуры его обо- 
значение. 


Реогепсе 


Рге\леми п Вгомизег 
Ошск Тад Едйог 
5Не 


.9 
ра ре ред 


‘е ай ейс 
„тр3З 
‚тра .тре тред .трё 


Рис. 7.6. Выбор внешнего редактора 
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Назначьте редактор для выбранного типа файлов в разделе ЕдЙог$ (Ре- 
дакторы). Для этого щелкните на кнопке со знаком +. Эта команда ини- 
циирует обычную процедуру поиска файлов. Используя стандартные 
средства Ита0и5, найдите исполняемый файл растрового редактора и 
выберите его. 

Не снимая выбора с имени редактора, щелкните на кнопке Маке Ритагу 
(Сделать основным), если требуется сделать его основным. 


Закончите процедуру щелчком на кнопке ОК. 


8. Ссылки 


Гипертекстом называется набор документов, связанных системой перекре- 
стных ссылок — гиперсвязей, которые разрешают пользователю быстро 
перемещаться из одной части документа в другую или выполнять задан- 
ные управляющие инструкции. Структура даже самого сложного печатного 
текста с развитой системой разделов и рубрик представляет собой цепочку. 
Гиперсвязи позволяют снабдить документы более развитой, нелинейной 
структурой, что влечет за собой значительные изменения законов компо- 
зиции таких изданий и способов общения с ними. 


Гиперсвязи размывают границы документа. При реализации в Интернете 
документ — это уже не стопка страничек, объединенных общей обложкой. 
Если экстраполировать в будущее тенденции сегодняшнего дня, то можно 
предположить, что с развитием средств электронной коммуникации и по 
мере роста масштабов всемирной Сети технологическое определение доку- 
мента будет вытеснено его содержательным толкованием. Определение 
виртуального документа будет основываться на таких свойствах, как внут- 
ренняя связность, однотипное построение и примерно однородное содер- 
жание фрагментов. 


Концепция перекрестных связей не нова. По этому принципу построены, в 
частности, библиотечные каталоги и рубрикаторы, справочный аппарат 
сложных технических изданий и др., но полностью раскрыть свой потен- 
циал они смогли только на основе новых технических решений — в элект- 
ронных публикациях. 


Перекрестная ссылка, или гиперссылка, состоит из двух частей. Первая, 
видимая, часть называется указателем или — реже — активной областью 
(зоной). Это публичная составляющая ссылки — она показывает, что данное 
место гипертекстового документа является не просто надписью или рисун- 
ком, а представляет гипертекстовую команду. Вторая составляющая, скры- 
тая от непосредственного наблюдения, называется адресной частью ссылки 
или просто адресом (ИКГ, адресом (РГ). Щелчок на указателе загружает в 
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программу просмотра документ, расположенный по этому адресу, или 
выполняет связанную с ним гипертекстовую команду. 


Активные области ссылок должны быть заметны для наблюдателя. В боль- 
шей части программ просмотра текстовые указатели выделяются синим 
цветом и подчеркиванием, графические заключаются в рамку синего цвета. 
Эти установки принимаются по умолчанию и, если не вписываются в общий 
стиль оформления документа, могут быть изменены пользователем. Еще 
одним индикатором активной области ссылки является указатель мыши: 
при наведении на указатель ссылки он принимает форму «указующего пер- 
ста». 


1. Кодирование и адресация 


В языке НТМЕ гипертекстовые ссылки записываются при помощи специ- 
ального дескриптора <а>. Этот тег разрешается вставлять в любую часть 
документа, за исключением раздела заголовков. В стандарте языка гипер- 
текстовой разметки упоминается о почти двух десятках атрибутов, уточня- 
ющих поведение этого дескриптора, но самым важным из них, безусловно, 
является параметр вге{. С его помощью записывается адресная часть гипер- 
ссылки. Так, следующий фрагмент кода задает ссылку на узел разработчи- 
ка программы Огеат\умеауег: 


<а РгеР="Анр:/ /Имимим.тасготефа.сот">Сайт разработчика программы Огеат\миеауег 
</а> 


В дескрипторные скобки заключен текстовый указатель гиперссылки, а 
значением атрибута пге! служит ее адресная часть. 


Чтобы сделать указателем ссылки изображение, следует поместить в этот 
контейнер дескриптор, задающий положение рисунка, например: 


<а бге!=" Инр:/ /Имимим.тасготедТа.сот "><ита гс=Чтаде.ай></а> 
где файл !таде.д! служит графическим представлением ссылки. 


Атрибут ге! является не только самой важной частью ссылки, но и самой 
изменчивой и сложной ее частью. Его значениями служат адреса файлов, 
которые допускают различные способы записи. 


Напомним некоторые правила образования адресов. Подробно этот вопрос 
рассматривался в одном из начальных разделов книги, посвященном адре- 
сации в Мойа Уае \Уеё. 
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8.1. Кодирование и адресация 


Способ, называемый абсолютной адресацией, требует для указания связан- 
ного документа записи его полного адреса ОЕГ. В общем случае такой адрес 
может быть весьма громоздким, поскольку должен включать в себя назва- 
ние протокола, имя сервера, путь по вложенным каталогам и подкаталогам, 
имя файла и ссылку на фрагмент. Например, адрес стартовой страницы 
сайта технической поддержки программы Огеат\меауег имеет вид: 


ВИр:/ Ими. тасготеса.сот/зиррой/ Чгеатумеауег/сомеги5.Внт 


Обычно этот способ адресации применяют для ссылки на документы, рас- 
положенные на удаленных серверах. Нет принципиальных ограничений и 
против использования абсолютных адресов в пределах одного локального 
сайта или сервера, но такой подход требует больших накладных расходов 
на запись и хранение длинных имен и не обладает достаточной устойчиво- 
стью. При смене доменного имени, вызванной, например, переносом сер- 
вера, структура абсолютных связей нарушается. 


Изображения, расположенные на удаленном сервере и вставленные в 
документ при помощи абсолютной адресации, не отображаются в окне 
документа (если их копия не записана на локальный диск). Увидеть их 
можно только после загрузки документа в программу просмотра в режиме 


точки» задавать координаты связанных файлов. Такой способ называется 
документно-зависимой (4оситет-теаНие) относительной адресацией. Его 
преимущества очевидны: общую часть адреса текущего и связанного доку- 
ментов в этом случае можно не записывать. Достаточно указать координаты 
связанного документа в древовидной структуре папок и файлов, корнем 
которой служит текущий документ: 


® ДлЯ связи с документом, расположенным в той же папке, что и теку- 
ЩИЙ документ, следует просто указать его имя; 


® ДЛЯ связи с Документом, прописанным во вложенной папке, надо запи- 
сать имя этого подкаталога и имя файла документа, разделив их сим- 
волом косой черты (/); 


® чтобы адресоваться к документу, расположенному в родительской 
папке текущего документа, следует использовать символическое имя 
родительского каталога — две точки (..) и далее, после стандартного 
разделителя (/) записать имя файла. 
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Чтобы создать ссылку на документ, лежащий в другой ветви иерархичес- 
кой файловой системы, можно использовать символическое имя родитель- 
ского каталога несколько раз подряд, разделяя его последовательные вклю- 
чения символом косой черты, например ../../\тадез /рикиге.д!. В этом при- 
мере относительной адресации требуется подняться вверх в системе ката- 
логов на два уровня, перейти вниз в каталог итадез и адресоваться к изобра- 
жению рсшге.дИ. 


Чтобы гарантировать работоспособность относительных ссылок, надо 
обязательно сохранить текущий документ. До его записи на диск про- 
грамме неизвестна точка отсчета, поэтому все ссылки с относительной 
адресацией представляются в виде #е://. При сохранении они преоб- 
разуются в стандартную форму. 


Кроме лаконичности путевых имен файлов, метод относительной адреса- 
ции имеет еще одно преимущество — определенную устойчивость. Пред- 
ставим себе фрагмент файловой системы, в каталогах которого хранятся 
файлы, связанные с гипертекстовым документом. Если, не меняя относи- 
тельного положения файлов и каталогов, переместить этот фрагмент в любое 
другое место иерархической файловой системы, то все ссылки, заданные 
при помощи относительной адресации, сохранят свою работоспособность. 


При нарушении внутренней координации, например после перемещения 
или переименования файла, требуется вмешательство пользователя и руч- 
ное обновление относительных адресов. 


Если операции над файлами и каталогами выполнять при помощи дис- 
петчера узла, программа Огеатмиеауег самостоятельно внесет все необ- 
ходимые коррективы в адреса и обновит связи. 


Существует еще один вариант относительной адресации, в котором ТОЧКОЙ 
отсчета служит корневой каталог сайта. Этот способ называется адресацией 
относительно корня (700ё-теание). Координаты файлов, записанные в ЭТОЙ 
системе, начинаются с символа косой черты, например /ргоес{$ /'тадез / 
рислиге.д!. Во многих операционных системах (в частности в многочислен- 
ных клонах ИМГХ) эта литера означает корневой каталог файловой системы. 


Преимущества этой системы адресации достаточно очевидны. При пере- 
мещении гипертекстового документа сохраняются адреса всех связанных 
файлов относительно корневого каталога сайта. Документно-зависимые 
адреса в этом случае пришлось бы корректировать. 
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Корневая относительная адресация проявляет свои лучшие стороны в про- 
цессе создания и администрирования сложных сайтов, распределенных по 
нескольким серверам и требующих постоянного сопровождения. 


В программе Огеатмеауег применение этого способа адресации имеет огра- 
ничения. Во-первых, он не работает в автономных гипертекстовых доку- 
ментах. Документ должен являться частью зарегистрированного \ер-узла, 
который имеет корневую папку. Программа использует ее в качестве точки 
отсчета для записи относительных адресов. 


Во-вторых, относительные адреса этого типа способен интерпретировать 
только сервер; программы просмотра не могут работать с ними непосред- 
ственно. Если открыть страницу с такими связями в броузере напрямую, 
минуя команду Ргеме\м п Вго\изег (Просмотр в броузере), то все ссылки такого 
типа окажутся неработоспособными. Команда предварительного просмотра 
(Ргемеми т Вгомизег) временно преобразует относительные адреса, записан- 
ные относительно корневого каталога, в абсолютные адреса вида #1е: / /ра{н. 
Такое преобразование относится только к просматриваемой странице; если 
существуют цепочки ссылок, записанные при помощи корневых относи- 
тельных адресов, то они не меняют форму представления. Это значит, что 
перемещение по такой цепочке невозможно. 


Предварительный просмотр документа, содержащего адреса, заданные отно- 
сительно корневого каталога, можно организовать следующими способами. 


® Разместите документ на сервере и просмотрите его удаленную вер- 
СИЮ. 


® Разрешите просмотр на локальном узле. Для этого дайте команду Еай »> 
Рге{егепсе$ (Правка » Настройки), перейдите в раздел Ргемеми т Вго\мизег 
(Просмотр в броузере) и установите флажок Ргемем изта Ёоса! Зегуег 
(Просмотр на локальном сервере). Все необходимое для работы \еф-сер- 
вера программное обеспечение должно быть установлено на локаль- 
ный компьютер. 


8.2. Создание ссылок 


Р едактор располагает возможностями для создания следующих типов ссы- 
ЛОК. 


® Ссылки на внешние гипертекстовые документы или файлы. Перечень 
типов файлов, на которые могут указывать гиперссылки, весьма пред- 


247 


8. Ссылки 


ставителен. Это может быть графика, звук, анимация, документы в 
формате РБЁ, видеоролики, компьютерные презентации и др. 


® Ссылки на именованные символы привязки. Это специальные дес- 
крипторы, которые иногда именуются якорями (пате4 апсйотз), поме- 
чающие разные фрагменты одного гипертекстового документа. Связи 
такого рода позволяют выполнять переходы в пределах одной стра- 
ницы или документа. 


® Ссылки на адреса электронной почты. Связи такого рода представ- 
ляют собой команды вызова почтовой программы. 


» Пустые ссылки и ссылки на сценарии. Эти связи позволяют связы- 
вать с объектами режимы поведения и управлять их динамикой при 
помощи выполнения программ, написанных на языке Л/аоаэстре. 


В программе нет недостатка в средствах создания ссылок. Пользователь 
волен выбрать удобную технику, сообразуясь с требованиями данной ситу- 
ации и собственными вкусами. Перечислим основные возможности. 


® Диспетчер узла предоставляет несколько различных способов создания 
НОВЫХ И модификации существующих ссылок. Самым простым явля- 
ется перетаскивание маркера-указателя, расположенного справа от 
значка документа. 


» Вокне документа можно воспользоваться командой МоаНу » Маке Ипк 
(Изменить > Создать ссылку) или клавиатурной комбинацией СТВЕ+. 


»е Несколько различных способов предоставляет палитра Ргорему 
пзрес!ог (Инспектор свойств). Все они подробно рассматриваются далее 
в этом разделе. 


е Команда создания ссылки представлена и в контекстном меню, кото- 
рое вызывается по щелчку правой кнопкой мыши. 


С технической точки зрения, процедура создания ссылок в программе 
Огеатмиеауег не представляет особых сложностей и практически не зависит 
от выбранного способа создания ссылки. Обычно удобнее всего работать с 
палитрой Ргорему 1пзрестог (Инспектор свойств). В этом случае действуют сле- 
дующим образом. 


1. Выберите текст, изображение или объект, используемые качестве ука- 
зателя ссылки. 


2. Откройте палитру Ргорему пзрес{юг (Инспектор свойств) (СТРЕ+ЕЗ), если 
она отсутствует на экране. Палитра предлагает три способа создания 
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Рис. 8.1. Создание ссылки 


ссылки. Все необходимые для этого средства сведены в раздел Итк 
(Ссылка). 


< Текстовое поле. В нем можно набрать адрес связанного объекта, 


используя любой удобный метод адресации. Если текущий доку- 
мент содержит несколько ранее заданных ссылок, то все они пере- 
числяются в раскрывающемся списке, связанном с этим полем. 
Для повторного использования адреса достаточно просто выбрать 
его в списке. 


Маркер-указатель, расположенный справа от поля. При помощи 
этого средства ссылки можно создавать методом перетаскивания. 
Для этого надо зацепить маркер и перетащить на страницу или 
существующую ссылку. 


Навигационная кнопка. Этот стандартный элемент приложений 
Ипа запускает процедуру поиска и выбора файлов. По щелчку 
на кнопке выводится диалоговое окно Зеагсн Ейе (Поиск файлов), 
средствами которого выполняется поиск связанного документа 
или файла. 


3. В списке Тагде! (Назначение) выберите окно или фрейм для документа, 
на который указывает ссылка. Рассмотрим все пункты этого списка. 


< 


$ 


_Ыапк. Загрузка связанного документа в новое окно броузера, не 
имеющее собственного имени. 


_рагеги. Загрузка связанного документа в родительское окно или 
родительский фрейм области (окна или фрейма), содержащей 
ссылку. Если в документе-источнике нет вложенных областей, то 
связанный документ загружается в полное окно программы про- 
смотра. 


_зе!. Загрузка связанного документа в то же самое окно или 
фрейм, которые содержат ссылку. Этот вариант принимается по 
умолчанию. 
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+ юр. Загрузка связанного документа в полное окно программы 
просмотра без учета текущей структуры фреймов. 


4. Завершите процедуру нажатием клавипги ЕМТЕК или переходом в окно 
документа. 


Если все связанные документы должны быть загружены в одну область 
окна программы просмотра, то ее можно задать один раз, не упоминая в 
каждой отдельной ссылке. Для этого надо дать команду Тпзей » Неаа 
Тадз > Вазе (Вставка »> Дескрипторы заголовков >» База) и в поле Тагдее 
(Назначение) выберите общую область назначения: окно или фрейм. 


Перечислим те немногочисленные ограничения, которые действуют при 
вводе адресов Интернета. 


® Полная длина адреса не должна превышать 255 символов. 


® Программа Огеатмеауег не поддерживает символы верхней полови- 
ны кодовой таблицы, так называемой Шей А5СИ. 


® Следует избегать использования пробелов в именах файлов и ката- 
логов. На некоторых платформах адреса с пробелами могут быть про- 
читаны неправильно. По смыслу и по изображению неплохим заме- 
нителем этой литеры служит символ подчеркивания. 


Чтобы на общем фоне страницы сделать ссылку заметной, программы про- 
смотра текстовые указатели подчеркивают, а графические заключают в рамку 
синего цвета. Эти элементы оформления не всегда гармонируют с общим 
стилем оформления страницы. Чтобы убрать рамку, не требуется преодо- 
левать никаких технических сложностей, для этого задать нулевое значе- 
ние толщины границы — поле Вогдег (Граница) в Инспекторе свойств. Подоб- 
ное соглашение действует в программе Огеатмеауег по умолчанию: все новые 
графические ссылки создаются без выделяющей рамки. 


С подчеркиванием текстовых ссылок дело обстоит несколько сложнее. 
Известны два способа решения этой проблемы. Во-первых, текстовую ссылку 
можно заменить на графическую с тем же содержанием. Этот радикальный 
выход из положения имеет существенное ограничение — быстрый рост раз- 
меров графического текста. Второе решение дает использование иерархи- 
ческих стилевых спецификаций (Сазсайте 5е рее). Этот способ тоже 
не является универсальным, поскольку работу с этими стилями поддер- 
живают только последние версии броузеров. 


Цвет текстовых ссылок проще в настройке: чтобы изменить его, требуется 
дать команду МоаНу >» Раде Ргорег#е$ (Изменить »> Свойства страницы) и в поле 
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Нпк$ (Ссылки) ввести или выбрать цветовые координаты нового тона. Кроме 
того, каждую текстовую ссылку можно перекрасить на индивидуальной 
основе, как обычный текст. Напомним, что цвет текстовых ссылок и цвет 
рамок вокруг графических ссылок совпадают. 


Создание ссылок методом перетаскивания 


Программа Огеатмеауег располагает удобным интерактивным инструмен- 
том, который позволяет создавать ссылки методом перетаскивания. В про- 
граммной документации этот инструмент называется Рои-ю-Ейе {соп (Зна- 
чок указателя файла). Если оттолкнуться от способа использования этого 
средства, то приемлемым вариантом перевода может быть маркер-указа- 
тель или просто указатель. Напомним, что использование указателя для 
создания ссылок на файлы и документы обсуждалось в разделе, посвящен- 
ном работе с Диспетчером узла. 


В палитре Ргорему |пзресог (Инспектор свойств) и в окне ЗНе Мар (Карта узла) 
указатель изображается как кружок с перекрестием, отдаленно напомина- 
ющим визир дальномера или прицел. Если перетащить указатель на доку- 
мент или именованный символ привязки (якорь), создается ссылка на 
объект или фрагмент гипертекстового документа. 


Перечислим все объекты, на которые разрешается перетаскивать указатель. 
Это любые гипертекстовые документы, загруженные в различные окна про- 
граммы, видимые символы привязки этих документов и файлы, которые 
отображаются в окне Диспетчера узла. 


Рассмотрим различные варианты этого технического приема. 
1. Выберите текст или изображение в режиме планировки страницы. 
2. Откройте палитру Ргорему пзрес{ог (Инспектор свойств) (СТКЕ-+ЕЗ). 


3. Зацепите маркер-указатель, который располагается справа от поля Итк$ 
(Ссылки), и перетащите его на целевой документ, файл или символ при- 
ВЯЗКИ. 


4. После точного наведения указателя отпустите левую КНОПКУ МЫШИ. 


Для текстовых ссылок описанный прием имеет облегченный вариант при- 
менения. Выберите активную часть будущей ссылки, нажмите и удержи- 
вайте клавишу ЗНЕТ, зацепите мышкой выбранный текст и перетащите 
его на целевой объект или файл. В этом случае можно обойтись без вы- 


зова палитры свойств. 
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8. Ссылки 


Ссылка на объект Диспетчера узла создается следующим способом. 

1. Откройте окно документа и окно Диспетчера узла (Е8 или АЁЕТ+Е8). 
2. Выберите в окне документа текст или изображение. 

3. Откройте палитру Ргорему пзрес‹ог (Инспектор свойств). 
4 


Зацепите маркер-указатель и перетащите его на значок файла или гипер- 
текстового документа. Целевой значок может быть расположен на 
любой панели Диспетчера узла: в списке файлов или на карте сайта. 


Создание ссылок на фрагменты документа 


Когда программа просмотра выполняет команду гипертекстового перехода, 
то связанный документ загружается в окно броузера с самого начала. Это 
разумное соглашение, которое выполняется для всех способов адресации, 
не очень удобно при просмотре длинных страниц. Язык НТМЕ располагает 
специальным средством для выбора стартовой позиции отображаемого 
документа. 


Чтобы сделать стартовую позицию заметной для броузера, требуется помес- 
тить в нее специальный маркер, роль которого в языке НТМЁ выполняет 
именованный символ привязки или якорь (пате4 апсйот). Это дескриптор 
вида <апате="заес!ог"> < /а>. По форме он является контейнером, но поме- 
щать какую-либо информацию внутрь дескрипторных скобок не обяза- 
тельно. 


Чтобы выполнить переход к позиции, которую помечает символ привязки, 
требуется включить в описание ссылки его имя. Правила такого включения 
очень просты: имя символа привязки должно следовать за именем гипер- 
текстового документа после специального разделителя, которым является 
символ #. Пусть якорь с именем заес{ог находится в документе сощеп{. Ат, 
тогда команда перехода в этот место документа может иметь вид: 


<а |ге{="Внр:/ Имлммм.Воз.сот/ сотеп!Иит#зеесюг"> 


В этом гипотетическом примере опущен замыкающий дескриптор и не ука- 
зана текстовая или графическая активная область ссылки. 


Ограничений на число символов привязки, включенных в состав одного 
документа, нет. На основе подходящей расстановки символов привязки 
можно построить интерактивное оглавление и индексный указатель боль- 
шого электронного документа. 


Вставка символа привязки выполняется следующим образом. 
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1. Поместите текстовый курсор в то место документа, где должен распо- 
лагаться якорь. 


2. Дайте команду вставки символа привязки. Это можно сделать несколь- 
кими способами: 


‚ через меню 1пзег+ »> пм 1Ые Тадз > Матед АпсНог (Вставка > Скрытые 
коды » Символ привязки); 


комбинацией клавиш СТВЕ+АЕТ-+А; 


® — кнопкой Матед Апспог (Символ привязки) в разделе пмЫез (Скры- 
тые) палитры ОБеси (Объекты) (СТЕЕ-+Р2). 


3. В диалоговом окне |пзег{ Матеа Апсногз (Вставка символа привязки) введите 
имя символа привязки и закончите процедуру щелчком на кнопке ОК. 


щий якорь. Если его не видно, то следует включить режим отображения 
спецсимволов командой \Лем/ »> \Лиа[ АТ4$ > пм$Ые ЕетепЕс (Вид > 
Служебная разметка » Скрытые элементы). 


Образование имен символов привязки подчиняется обычным для програм- 
мы правилам. Все имена, расположенные на одной странице, должны быть 
уникальными. Кроме того, следует помнить о зависимости от регистра и 
избегать использования специальных символов. 


Изменить позицию символа привязки можно перетаскиванием; для пере- 
именования следует выбрать его и вызвать палитру ОБес{ пзрес{ог (Инспек- 
тор объектов). 


Использование символов привязки 


В процессе просмотра длинных документов, занимающих больше экрана в 
программе просмотра, приходится выполнять прокрутку. Процедура эта 
несложна, но может оказаться утомительной. Не случайно большую попу- 
лярность в последнее время приобрели мыши со специальным колесиком 
для пролистывания протяженных документов Интернета. 


Во многих случаях неплохой альтернативой прокрутке могут служить пере- 
крестные ссылки, построенные на основе символов привязки и команд пере- 
хода на эти объекты. Уже можно говорить об определенной традиции, кото- 
рая сложилась в создании внутренних перекрестных ссылок. Обычно в 
конце каждого раздела ставят команду перехода к его началу и/или к общему 
оглавлению виртуального документа. 
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8. Ссылки 
тии 


Пусть в документе расставлены все необходимые символы привязки. Созда- 
ние внутренних ссылок производится следующим образом. 


1. Выберите изображение или текст, которые должны стать активной 
областью ссылки. 


2. Откройте палитру Ргорему пзрес{ог (Инспектор СВОЙСТВ). 


3. Вполе пк (Ссылка) введите имя символа привязки, предварив его лите- 
рой #, например #9р. 


Среди программ просмотра нет единообразия в способе выполнени 
команды внутреннего перехода. Так, популярный броузер ГлёегпеЕ Ехр(огег 
делает строку, содержащую якорь, первой видимой строкой экрана. Бро- 
узер Орета ставит на первое место строку, следующую за строкой с якорем. 
Если при выполнении команды внутреннего перехода требуется добиться 
точного позиционирования, следует задать некоторое «упреждение», 
рассчитанное на разную реакцию программ просмотра. 


При создании внутренних ссылок полностью применима и техника пере 
таскивания маркера-указателя. Два момента заслуживают особого упоми- 
нания. Во-первых, отпустить левую кнопку мыши надо точно над якорем. 
Если символ привязки не отображается на экране, то следует включить 
отображение невидимых символов. Во-вторых, чтобы добраться до символа 
привязки, расположенного за пределами видимой части экрана, требуется 
подвести указатель к его границе, и после некоторой паузы программа нач- 
нет прокрутку. Чем ближе курсор к границе, тем быстрее прокручивается 
содержимое большого документа. 


Некоторые броузеры никак не реагируют на команду внутреннего пере- 
хода, если ссылка и символ привязки расположены в пределах видимой 
части экрана. 


Техника перетаскивания маркера-указателя — это гибкий и наглядный спо- 
соб создания ссылок на фрагменты внешних документов. Документы, кото- 
рые являются источником и приемником ссылки, прокручиваются неЗа- 
висимо, поэтому их легко настроить таким образом, чтобы сделать види- 
мыми и источник будущей ссылки (в одном окне), и символ привязки (в 
другом окне). Перетаскивание маркера-указателя автоматически создает 
ссылку с примерным адресом доситеп\.т3тгадтеп+, где доситеп{.Мт — имя 
документа приемника, а 1гадтеп{ — название символа привязки, помечаю- 
щего его часть. 
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8.2. Соз 


дание ссылок 


Ссылки на электронную почту 


Электронная почта — это один из самых простых и, вместе с тем, полезных 
ресурсов всемирной Сети. Рассылка электронных сообщений выполняется 
при помощи специальных программ, которые называются почтовыми кли- 
ентами. На гипертекстовой странице можно поместить команду вызова 
почтового клиента, что позволяет совместить навигацию в Сети и обмен 
почтовыми сообщениями. 


При кодировании вызов программы пересылки электронных сообщений 
оформляется как гипертекстовая ссылка с адресом, оформленным по осо- 
бым правилам, например: 


<а Пге="тао:дуе@ара.ги">Отослать сообщение</а> 


где в адресной части ссылки стоит гипотетический электронный адрес, а 
текстовая часть выполняет функции обычного указателя. В режиме пла- 
нировки страницы и в окне программы просмотра видна только активная 
область такой ссылки. Щелчок мышкой на активной области вызывает 
программу пересылки почтовых сообщений, установленную по умолчанию 
в данной вычислительной системе. 


Вставка ссылки на электронную почту выполняется следующим образом. 
1. Поместите текстовый курсор в позицию вставки. 


2. Дайте команду тзем » Етай Мик (Вставка > Ссылка на электронную почту). 
Другой способ вставки дает кнопка Етай Шпк (Ссылка на электронную 
почту), расположенная в разделе Соттоп (Общие) палитры объектов. 


3. Заполните поля диалогового окна |пзег{ Етай пк (Вставка ссылки на элек- 
тронную почту) (рис. 8.2): 


® ПОЛЕ Тех! (Текст) служит для ввода текста активной области 
ССЫЛКИ; 


»  полеЕ-Май (Адрес электронной почты) предназначено для ввода адреса 
электронной почты. 


4. Нажмите кнопку ОК. 


Вместе с сообщением о том, что данная ссылка служит для вызова почто- 
вой программы, целесообразно в поле Тех (Текст) записывать и сам адрес 
электронной почты. Существует множество ситуаций, когда по разным 
причинам невозможно воспользоваться услугами программы пересылки 
сообщений. В этом случае потенциальные посетители данной страницы 
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шей Емай [К 


Рис. 8.2. Создание ссылки на электронную почту 


Этот тип ссылок можно создавать обычным образом: при помощи штатного 
средства работы с гипертекстовыми командами — палитры Ргорему |пзресюг 
(Инспектор свойств). Разница со вставкой обычных ссылок состоит лишь в 
содержимом поля Мик (Ссылка), в которое следует ввести имя протокола и, 
после двоеточия, полный почтовый адрес. Если воспользоваться примером, 
приведенным в начале раздела, то в поле Ипк (Ссылка) следует записать 
тажо:диез«@ава.ги. | 


Пустые ссылки и ссылки на сценарии 


Ссылки на документы, файлы, фрагменты, электронные адреса и пр. явля- 
ются результативными, поскольку их исполнение вызывает некоторые со- 
держательные изменения в рабочей ситуации или в документе. В некоторых 
случаях приходится использовать так называемые пустые ссылки (пиЙ 
дп). Это ссылки с пустым адресом, которые сами по себе не инициируют 
никаких изменений на странице или в окружении броузера. Они увеличи- 
вают динамический потенциал текста или объектов, поскольку дают воз- 
можность связать со статичными объектами динамические сценарии 
(Берахлот$). Например, по щелчку мыши на тексте можно вывести поясня- 
ющую надпись в строке состояния броузера или в произвольной области 
страницы. Динамические сценарии или режимы поведения — это одно из 
мощнейших изобразительных средств программы Огеатмеауег. 


Ссылки на сценарии представляют собой гипертекстовые команды, кото- 
рые запускают программы, написанные на языке/аоа5спрё. Это программ- 
ные модули, обычно небольшого размера, которые включаются в коды гипер- 
текстового документа, передаются по Сети вместе с дескрипторами разметки 
и выполняются на клиентской машине. Они способны выполнять самые 
разнообразные функции: от вывода простых сообщений до выполнения 
сложных технических расчетов и обработки баз данных. Пустые ссылки и 
ссылки на сценарии имеют много общего по технике вставки. 


Поместить в состав документа пустую ссылку можно следующим образом. 
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8.3. Меню переходов 


1. Выберите текст или изображение в окне документа в режиме плани- 
ровки страницы. 


2. Откройте палитру Ргорему тзрес‘юг (Инспектор свойств) (СТВЕ+ЕЗ). 
3. Введите в поле Ипк (Ссылка) только один символ $. 


Ссылки на процедуры, написанные на языке Гаса5спре, создаются по той 
же схеме. Все различия состоят в информации, которая заносится в поле 
Ыпк (Ссылка). В это поле следует записать вызов внешней программы или 
короткий код функции. Например, если записать следующий вызов: 


|ауазспргаен(" Этот ресурс в настоящее время отключен") 


то по щелчку на активной области ссылки будет выведено окно с указан- 
ным предупреждением. 


Код языка Уауа5спрё становится значением атрибута Вге{ дескриптора 
<а> и, следовательно, заключается в двойные кавычки. Поэтому в опи- 
сании сценария следует избегать прямого использования двойных кавы- 
чек. Допускаются только одинарные кавычки (апострофы) или двойные 
после символа обратной косой черты. 


Пустые ссылки дают возможность связать с активной областью (тексто- 

вой или графической) динамический сценарий. Некоторые броузеры 
реагируют на щелчок на пустой ссылке не совсем ожидаемым образом. 
Кроме выполнения предписанного сценария, они выполняют переход в 
начало страницы. Это нештатное поведение программ просмотра кор- 
ректируется заменой пустой ссылки {#) на ссылку вида }ауазспрЕ:\уо14(0) 
или )амуазспрЕ:;. 


8.3. Меню переходов 


Меню переходов — это популярный элемент управления, имеющий вид рас- 
крывающегося списка, с пунктами которого связаны гипертекстовые команды. 
Такой способ организации информации позволяет представить в регуляр- 
ном систематическом виде связи с внешними документами или файлами. 
Пункты меню и связанные с ними команды обычно обладают смысловой 
или тематической однородностью. Пример простого меню переходов пока- 
зан на рис. 8.3. 


По способу технической реализации меню переходов относятся к классу 
гипертекстовых объектов, называемых формами. Без форм трудно обой- 
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Биология 
Математика 


Рис. 8.3. Пример меню переходов 


тись при создании гипертекстовых страниц с интерактивными обратными 
связями; они подробно рассматриваются в главе 11. В данном разделе обсу- 
дим лишь техническую сторону процедуры создания меню переходов, не 
вдаваясь в тонкости их реализации и кодирования. 


1. Установите текстовый курсор в то место документа, которое выбрано 
для вставки меню. 


2. Дайте команду пзег »> Рогт ОЦес* » Литр Мепи (Вставка » Элементы форм » 
Меню переходов) или щелкните на кнопке литр Мепи (Меню переходов), рас- 
положенной в разделе Еогт$ (Формы) палитры ОЩес{$ (Объекты). В ре- 
зультате откроется диалоговое окно |пзем Литр Мепи (Вставка меню пере- 
ходов) (рис. 8.4), средствами которого выполняется вся работа по созда- 
нию меню переходов. Рассмотрим его элементы управления. 


эдае бриг В 


Меню переходов 


Рис. 8.4. Диалоговое окно [пей Литр Мепи (Вставка меню переходов) 


258 


8.3. Меню переходов 


® Мепи Мет (Пункты меню). В данном разделе показываются все создан- 
ные пункты меню переходов. Первоначально он состоит из одного 
пункта с принятым по умолчанию именем иппатеа1. Чтобы добавить 
новый раздел, следует щелкнуть по кнопке со знаком +, для удаления 
надо воспользоваться кнопкой со знаком —. При этом удаляемый раз- 
дел меню должен быть выбран. Для изменения порядка следования 
пунктов служат кнопки со стрелками, расположенные справа. 


® Тех! (Текст). Поле предназначено доля ввода текста пунктов меню пере- 
хода. Чтобы задать текст, требуется выбрать пункт меню в верхней 
части диалогового окна и ввести подходящее название с клавиатуры. 


® \У/еп Заецед Со То УКЕ (При выборе перейти по адресу). Поле служит 
для задания адреса ОАЁ или полного имени файла для связанного 
документа или файла. 


® Ореп ЦК! $ т (Открыть связанный документв). В этом списке надо выбрать 
область загрузки (окно или фрейм) целевого документа. Если исходный 
документ не разбит на фреймы, то этот список содержит единствен- 
ный пункт Мат \М/тадоми (Основное окно). В противном случае указыва- 
ются все существующие имена фреймов. 


® Мепи Мате (Имя меню). Текстовое поле хранит заданное уникальное 
имя меню переходов. Это поле можно не заполнять. 


е |пзег Со Вимоп АНег Мепи (Вставить кнопку перехода после меню). Если 
выставить данный флажок, то рядом с меню появится кнопка Со (Пе- 
рейти), по щелчку на которой выполняется команда перехода. 


е Зеес{ Ег5{ Нет АНег ЦКЕ Спапде (Выбрать первый пункт после изменения 
адреса). Если установить этот флажок, то раскрывающийся список 
всегда выставляется в первый пункт после перехода на новую стра- 
ницЦу. 


3. Завершите процедуру щелчком на кнопке ОК. 


Активация команд меню 


Гипертекстовые команды, соответствующие пунктам меню переходов, запус- 
каются сразу при их выборе. Если включить в состав меню переходов кнопку 
Со (Перейти), то данное положение не изменится, что нельзя признать при- 
вычным для большей части пользователей Итаои5. Сохранить прерогати- 
ву запуска команд за кнопкой перехода (бо) можно следующим образом. 
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Выберите меню переходов в окне документа в режиме планировки. 
Откройте палитру Вепамюог$з (Режимы) (ЗНЕТ+ЕЗ). 


Не снимая выбора с меню, удалите все назначенные для него режимы. 
Они представлены в центральной части палитры. Для удаления режима 
работы меню достаточно выбрать его и щелкнуть на кнопке со знаком —. 


Иногда первый пункт меню выполняет функции названия или является 

предложением выбрать одну из возможных альтернатив. Такой раздел 
создается обычным образом, но вместо целевого объекта в нем надо 
указать пустую ссылку (#). Кроме того, целесообразно установить флажок 
5е(есЕ Ри5{ Кет АКег ИКЕ СПапде (Выбрать первый пункт после измене- 
ния адреса), чтобы информация первого пункта была доступна всегда. 


Стандартная кнопка перехода по внешнему виду хорошо вписывается в 
дизайн технического чертежа или строительной схемы -— ее «печатный про- 
филь» подходит не для всякой гипертекстовой страницы, претендующей 
на вкус или художественное оформление. 


Превратить в кнопку перехода выбранное пользователем изображение мож- 
но следующим образом. 


1. 


2. 
3. 
4 


Вставьте изображение в нужное место страницы. 
Выберите его. 
Откройте палитру Вепамог$ (Поведение) (ЗНЕТ+ЕЗ). 


Откройте меню режимов работы щелчком на кнопке палитры, на кото- 
рой изображен знак +. 


Выберите из этого меню пункт Литр Мепи бо (Переход по меню). На экране 
появится одноименное диалоговое окно. 


В единственном списке этого диалогового окна выберите имя меню 
переходов. 


Завершите процедуру щелчком на кнопке ОК. 


Редакти рование меню переходов 


Созданное меню переходов можно редактировать. В программе существу- 
ют два средства для выполнения этой работы: палитры Ргорему тзрес{юог 
(Инспектор свойств) и Вепамюг$ (Режимы). Вторая палитра располагает не- 
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сколько большими возможностями для внесения изменений в существую- 
щее меню переходов. Получить доступ к этим возможностям можно следу- 
ющим образом. 


1. Выберите меню переходов. 


2. Откройте палитру Вепамог$ (Режимы). Для этого дайте команду У/тдом » 
Вевам!ог$ (Окно »> Режимы) или воспользуйтесь ее клавиатурным экви- 
валентом — комбинацией клавиш ЗНЕТ+ЕЗ. 


3. Дважды щелкните на названии события, связанного с меню переходов. 
Названия событий (Еуеги$) и названия действий (Ас{оп$) располага- 
ются в центральной части палитры. 


4. Наэкране появится несколько небрежно оформленное —кнопка Вгомзе 
(Обзор) прорисована не до конца — диалоговое окно литр Мепи (Меню 
переходов), показанное на рис. 8.5. Внесите все необходимые измене- 
ния с помощью элементов управления этого окна. 


5. Завершите процедуру редактирования щелчком на кнопке ОК. 


физика (р—з1с.т) 


Рис. 8.5. Редактирование меню переходов 


Содержимое диалогового окна Литр Мепи (Меню переходов) по смыслу, назва- 
ниям и способам настройки не отличается от рассмотренного выше основ- 
ного диалогового окна |пзем литр Мепи (Вставка меню переходов). 


Приблизительно такой же объем редакторской работы позволяет выпол- 
нить палитра Ргорему [пзрестюг (Инспектор свойств). Чтобы получить доступ к 
настройкам меню переходов, выберите его и щелкните на кнопке 1151 Уашез 
(Показать значения) на палитре свойств. 
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8.4. Карты ссылок 


В наше время многие масштабные Уеб-узлы помещают на свои стартовые 
страницы так называемые карты ссылок. Это графическое изображение, 
разделенное на активные области, каждая из которых представляет гипер- 
текстовую команду перехода на тематический раздел или группу связан- 
ных страниц. Пример такого оформления дает сайт японской компании 
5ео, среди компьютерной общественности больше известной своей тор- 
говой маркой Ер5оп. Филиалы компании разбросаны по всему свету; на стар- 
товой странице УеБ-узла ее промышленные отделения представлены кон- 
турами стран и частей света на карте мира. Часто встречаются карты ссы- 
лок, представляющие панели инструментов перемещения или наборы фун- 
кциональных кнопок. 


Существует два типа карт: обрабатываемые клиентом (сдеп!-яа4е) и обра- 
батываемые сервером (5етоет-яа4е). Эти термины говорят о различных спо- 
собах хранения информации, на которую ссылается карта. Когда пользова- 
тель щелкает по активной зоне карты (йо5роё), обрабатываемой на стороне 
сервера, то координаты указателя передаются ТеБ-серверу, который по ним 
определяет адрес ОАГ и возвращает его броузеру. Карты стороны клиента 
работают примерно по такой же схеме, но их интерпретацию выполняет 
сама программа просмотра. 


Изображения-карты, обрабатываемые сервером, — это более старый спо- 
соб представления информации. Его поддерживают все броузеры, начиная 
с самых первых версий. Карты, обрабатываемые на стороне клиента, — это 
нововведение последних нескольких лет. Броузер М№езсаре Мамда‘ог поддер- 
живает этот способ представления информации, начиная со второй версии, 
|(егпе{ Ехр!огег — с третьей. 


Карты стороны сервера работают медленнее, поскольку требуют дополни- 
тельных ресурсов сервера на расшифровку данных об активных областях и 
связанных с ними адресах Интернета. Кроме того, они сложнее в установке, 
требуютзнания средств СС1(Соттоп Сщешау ГиетГасе) и правил конфигу- 
рации сервера. Многие провайдеры ограничивают использование ССГ-сце- 
нариев, поэтому могут потребоваться даже переговоры с администрацией 
сервера. В настоящее время серверные карты практически вытеснены кар- 
тами ссылок стороны клиента. 


Для пользователя эти тонкости способов работы и детали правил установки 
карт не имеют большого значения. Единственное видимое различие между 
ними заключается в информации, которая выводится в строке состояния 
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программы просмотра. Для карт, обрабатываемых на стороне сервера, там 
отображаются текущие координаты указателя, при работе с картами кли- 
ента — адреса (КГ. 


Способ кодирования карты ссылок, принятый в НТМЕ, достаточно прост и 
логичен, несмотря на свою внешнюю громоздкость. Для объектов подоб- 
ного типа надо задать следующие параметры. 


» Изображение, представляющее карту, и его расположение в преде- 
лах документа. В этой части определения карты почти нет различий с 
обычными рисунками. Основа карты задается при помощи стандарт- 
ного дескриптора <!тд>. 


е Объявление карты. Это делается при помощи специального дескрип- 
тора: <тар пате="Имя_карты">. 


® Описание формы активных областей, координаты и адреса (АЛ. свя- 
занных документов, например: 


<агеа знаре="гесь соога5="16, 1,32,22" ге" т" > 


Следующий кодовый фрагмент дает описание простой карты ссылок, состо- 
ящей из трех активных зон различной формы (прямоугольника, окружно- 
сти и многоугольника): 


«та эгс="русиге ро" ммаН=" 160" БедН="40" изетар="#Мар" Богаег="О"> 
<тар пате="Мар"> 

<агеа $наре="ес!" соогд5="16,1,32,22" [геЕ="Ыю|.Вит"> 

<агеа 5наре="сиае" соогд5="64, 1 4,8" рге[=" сВет.В!т "> 

<агеа фаре="роу" соога$=" 103,20, 105,-1,130,2,132,2 1" ге{=" татет.А/т "> 
</тар> 


Программа Огеатмеауег напрямую поддерживает карты ссылок, работаю- 
щие на стороне клиента. В принципе, любое изображение, помещенное в 
гипертекстовый документ, может быть превращено в такой объект с помо- 
щью простых инструментов, которыми располагает программа. 


Программа не запрещает и вставку серверных карт, более того, допускается 
комбинация объектов двух типов на одной странице. Для включения сер- 
верной карты в гипертекстовый документ требуется включить в его состав 
специальный дополнительный код. 
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Создан ие активных зон 


'Теоретически картой ссылок может служить любое растровое изображе- 
ние, записанное в одном из следующих форматов: С1Ё,.]РЕС или РМС. Но 
при ближайшем рассмотрении оказывается, что далеко не всякий графи- 
ческий образ способен успешно справиться с этой ролью. Практика работы 
с такими объектами позволила вывести несколько простых рекомендаций 
по выбору графической основы карты ссылок: 


® изображение должно иметь четкую структуру; 


® композиция образа не должна противоречить логике структурных 
составляющих и связей между ними; 


® желательно, чтобы рисунок состоял из хорошо различимых областей, 
окрашенных разными цветами; 


® из всех возможных форматов хранения графической информации 
следует предпочесть формат С/Ё лучше без чередования строк. 


Будем считать, что задача выбора графической основы карты ссылок успешно 
решена, а само изображение вставлено в документ. Далее требуется разде- 
лить будущую карту на области, чувствительные к щелчку мыши (активные 
области). Программа Огеатмеауег поддерживает активные области трех 
видов: прямоугольники, окружности и многоугольники. Инструменты про- 
граммы, предназначенные для их создания, являются упрощенными вер- 
сиями аналогичных средств векторных графических редакторов. Работа с 
ними не представляет никаких технических сложностей. 


Разметка активных зон выполняется следующим образом. 
1. Выберите изображение. 


2. Откройте палитру Ргорему пзрестог (Инспектор свойств) (СТЕЕ-+ЕЗ). Если 
палитра свернута, разверните ее при помощи кнопки со стрелкой, рас- 
положенной в правом нижнем углу. 


3. Введите имя карты в поле Мар (Карта). Оно должно быть уникальным, 
состоять только из букв и цифр и начинаться с буквы. 


4. В палитре Ргорему штзресиог (Инспектор свойств) выберите инструмент 
нужной формы. Кнопки инструментов расположены слева в нижней 
части палитры. 


5. Нарисуйте активную область выбранной формы. После этого палитра 
изменит свой вид. Из всех разделов, показанных на рис. 8.6, останутся 
только поля, относящиеся к активным областям карты. 
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Рис. 8.6. Инструменты создания карты ссылок 


В поле пк (Ссылка) введите адрес (КГ. связанного документа или файла. 


В списке Тагде* (Назначение) выберите экранную область для вывода 
связанного документа. Это может быть отдельный фрейм или окно 
программы просмотра. Более подробно этот вопрос обсуждается в раз- 
делах, посвященных созданию ссылок и редактированию изображений. 


8. В поле АК (Альтернативный текст) ввести текстовый комментарий, отно- 
сящийся к данной активной области карты. Напомним, что при наведе- 
нии указателя на активную область этот текст выводится в виде всплы- 
вающей подсказки. 


9. Повторите шаги 4-8 для создания дополнительных активных облас- 
тей карты ссылок. 


10. Закончите процедуру щелчком на любой свободной точке документа 
или нажатием клавиши ОК. | 


Редактирование карты ссылок 


Карту ссылок, как практически любой другой объект, созданный средствами 
программы Огеат\меауег, можно редактировать. Для этого программа пре- 
доставляет несколько простых приемов и инструментов, которые почти не 
отличаются от средств графического редактирования, входящих в обяза- 
тельный минимум любого графического редактора средней руки. Приве- 
дем их краткое описание. 


» Карты ссылок можно передавать между документами при помощи 
буфера обмена. 


»е Активную область разрешается перемещать. Для этого достаточно 
зацепить ее мышкой и перетащить в новое положение в пределах под- 
ложки. Для точного перемещения удобнее воспользоваться курсор- 
ными клавишами, каждое нажатие которых перемещает выбранную 
область на один пиксел в соответствующем направлении. Если при 
этом удерживать нажатой клавишу НЕТ, скорость перемещения воз- 
растет в десять раз. 
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® Чтобы выбрать активную область, достаточно щелкнуть по ней инст- 
рументом Роймег Но{5ро{ (Указатель активной области). Он расположен 
слева в нижней части палитры свойств и имеет вид обыкновенной 
стрелки. Для группового выбора нескольких областей щелкнуть этим 
инструментом на каждой из них, удерживая нажатой клавишу ЗНЕТ. 


е Размеры активной области разрешается менять. Для этого надо 
выбрать ее инструментом Роймег Но{зро! (Указатель активной области), 
зацепить опорный узел и перетащить его. 


е Дляактивных областей доступны все команды меню МоаНу » Аггапде 
(Изменить »> Расположить) и МоаНу »> Апоп (Изменить > Выровнять). Пере- 


ЧИСЛИМ ИХ. 

< АПоп 1еН (Выровнять по левому краю). Выравнивает выбранные 
активные области по левому краю. 

Ф Ап Мое (Выровнять по правому краю). Выравнивает выбранные 
активные области по правому краю. 

< —Айоп Тор (Выровнять по верхнему краю). Выравнивает выбранные 
активные области по верхнему краю. 

< — А!опВоНот (Выровнять по нижнему краю). Выравнивает выбранные 
активные области по нижнему краю. 

< Маке Зате У/ай (Выровнять ширину). Ширина выбранных актив- 
ных областей становится равной ширине той активной области, 
которая была выбрана последней. 

< Маке Зате Негави (Выровнять высоту). Высота выбранных активных 
областей становится равной высоте той активной области, кото- 
рая была выбрана последней. 

< Випд \ю Ргоп{ (Перевести на передний план). Переводит выбранную 
активную область на передний план карты ссылок. В этом поло- 
жении область имеет приоритет над всеми другими активными 
зонами, пересекающимися с ней. 

<  Зепа о Васк (Перевести на задний план). Переводит выбранную ак- 
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Активные области карты ссылок предназначены для открытия внешних 


тивную область на задний план карты ссылок. 


или внутренних ссылок в программе просмотра. Таков штатный режим 
работы с этими навигационными элементами. Иногда на них возлагают 
нестандартные функции своеобразных триггеров — переключателей, 


8.4. Карты ссылок 


запускающих динамические сценарии. Эти сценарии (они называются в 
программе фейаутог — режимы) вносят в первоначально статичную Иеб- 
страницу элементы динамического поведения: выводят заданный текст 
в строке состояния броузера, меняют изображение, показывают или 
скрывают слои и пр. Умелое, дозированное применение этих простых 
динамических эффектов способно оживить страницу и сделать ее при- 
влекательной. 


С технической точки зрения, связывание сценария с активной областью 
выполняется так же, как для обычного изображения — средствами палитры 
Венауогз (Режимы). Разным активным областям разрешается присваивать 
различные динамические эффекты. 
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Таблица в обыденном, привычном понимании этого слова — это сводка тек- 
стовых или числовых данных, приведенных в систему и расположенных 
по строкам, столбцам или ячейкам. Это если и не синоним, то понятие, хоро- 
шо ложащееся в один ассоциативный ряд с ведомостью, сводкой, реестром, 
прейскурантом и пр. 


Для печатных публикаций роль таблиц выходит далеко за пределы про- 
стых форм для представления числовых или описательных данных. Это 
мощное техническое и изобразительное средство, незаменимое при разра- 
ботке документов со сложной структурой и планировкой. Его потенциал 
объясняется тем, что ячейки представляют собой отдельные клетки стра- 
ницы, содержание и форматирование которых не зависит от окружения и 
предыстории. 


Еще более заметна роль таблиц в подготовке гипертекстовых документов. 
Язык НТМЕ — это инструмент логической разметки, большая часть его изо- 
бразительных средств не связана с координатными системами и не обра- 
щается к абсолютным единицам измерения. Многие задачи точного пози- 
ционирования объектов и планировки страницы, требующие привязки к 
абсолютной системе координат, сохранения размеров и пропорций, не имеют 
простого решения на уровне чистого НТМЕ. Для этого разработчикам при- 
ходилось прибегать к разнообразным ухищрениям и уловкам. 


До появления иерархических стилевых спецификаций (С55) таблицы слу- 
жили чуть ли не единственным надежным инструментом для точной пла- 
нировки, выравнивания и взаимной координации объектов на гипертек- 
стовых страницах. 


Таблицы — готовые формы для хранения текстовой и графической инфор- 
мации. Самая простая таблица, состоящая из одной ячейки со вложенным 
рисунком, — это еще один способ взаимной координации текста и изобра- 
жений. С задачей объединения рисунков и подрисуночных надписей пре- 
красно справится таблица из двух ячеек, расположенных по вертикали. Два 
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9.1. Кодирование 


НОРННОНЕООИРОАИИНО ЗИМЕ ЗИНИНИЗЕЕРО ЗО ЗЛНЕВОИОЕ ЕРИНО ВНИИ ВОВОВИИНВОВВОВВВОВВОЕЕНОВВОВВВОВООВОВОВОВЕИЕВВИОВОВООВИОВКОВВЕВЕОВИИБ ВВИДУ НОВОНИИОНИИИНООНИВИОВУОНИИИИА 


столбца без разбиения на строки — это хороший способ поделить страницу 
на колонки. Если добавить к этому объекту разбивку на строки, получим 
удобную форму для хранения неупорядоченного списка со спциальными 
графическими маркерами. Таблицам трудно подобрать равноценную замену 
при создании алфавитных указателей, индексов, глоссариев и пр. 


9.1. Кодирование 


Таблицы, созданные в программе Огеатмеауег, по своим базовым свойствам 
почти не отличаются от таблиц, с которыми работают другие программы, 
например текстовые редакторы или настольные издательские системы. Все 
представители этого класса объектов, от простейших «одноклеточных» 
таблиц до таблиц, выполняющих роль несущих конструкций УеБ-страниц 
крупных бирж или новостных компаний, — это просто комбинация строк, 
столбцов, ячеек, полей и граничных линий. 


Вязыке НТМЕ вся информация, относящаяся к таблице (служебная и содер- 
жательная), ограничивается парным дескриптором <{ае> < /4аЫе>. Этот 
дескриптор имеет множество атрибутов, которые задают многочисленные 
размерные и оформительские параметры таблицы, например ширину, цвет 
фона, границу, выравнивание, поля, расстояние между ячейками и пр. 


Следующий листинг дает пример записи в кодах НТМЕ таблицы, состоя- 
щей из двух строк и двух столбцов. 


<юЫе миаН="7 5%» Богаег="1"> 
<н> 
<> 66 зр;</1в> 
<> пЬзр;</ю> 
</н> 
<н> 
<> вип р;</ > 
<#> 665 р;</а> 
</н> 
</юЫе> 


Парный дескриптор <#> ограничивает строку таблицы, а теги вида <{а> 
задают положение и содержание ячеек. Внутрь каждой новой ячейки про- 
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грамма Огеатмеауег помещает символ неразрывного пробела &пЬзр;. Это 
нужно для того, чтобы при просмотре в броузере пустая ячейка не «схлоп- 
нулась». Любая введенная информация автоматически удаляет неразрыв- 
ный пробел. 


Столбцы не имеют специальных средств разметки; разбивка таблицы на 
строки и разделение строк на ячейки автоматически порождает систему 
столбцов таблицы. 


Атрибуты дескриптора строки <> могут задавать такие важные свойства, 
как вертикальное выравнивание, горизонтальное выравнивание, цвет фона 
строки и некоторые другие, менее востребованные и значимые. Дескрип- 
тор ячейки <14> может управлять еще большим числом атрибутов. Среди 
важнейших упомянем вертикальное и горизонтальное выравнивание, цвет 
фона, фоновый рисунок и ширина ячейки. 


У ячейки, строки и всей таблицы есть несколько совпадающих атрибу- 
тов, например цвет фона. Если их значения противоречат друг другу, то 
все конфликты разрешаются по правилу «частное важнее общего». Атри- 
буты, заданные для отдельной ячейки, отменяют аналогичные параметры 
строки. Установки строки имеют приоритет над общими атрибутами таб- 
ЛИЦЫ. 


Единицами измерения ширины служат пикселы и проценты от общей 
ширины таблицы. Изменение габаритов ячейки влечет за собой равнознач- 
ное преобразование всего столбца. 


Разрешается разворачивать ячейки на несколько строк или столбцов. Эту 
задачу решают специальные атрибуты со!5рап (объединить ячейки по столб- 
цам) и гомзрап (объединить ячейки по строкам) дескриптора <1ч>. 


Перечисленные дескрипторы — это основные строительные блоки таблиц. 
Для работы с этими средствами программа Огеатмеауег располагает различ- 
ными визуальными инструментами и средствами автоматизации, которые 
позволяют свести к минимуму необходимость прямого ручного кодирова- 
ния таблиц. 


Следует упомянуть еще о двух типах структурных кодов разметки таблиц. 
Это дескриптор <сар#оп>, предназначенный для создания подписи ктаблице, 
и дескриптор <>, создающий заголовки строк или столбцов. Программа 
Огеатумуеауег не располагает специальными средствами для работы с этими 
тегами. Они могут быть введены в состав таблицы только вручную, в режиме 
отображения кодов. Справедливости ради стоит отметить, что необходи- 
мость в этих средствах возникает довольно редко. 
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9.2. Вставка таблиц 


Вставка таблиц — это технически несложная процедура, выполняемая по 
стандартной для программы Огеатмеауег схеме. 


1. 


Поместите курсор в то место страницы, которое выбрано для вставки 
таблицы. 


Дайте команду [пзем » ТаЫе (Вставка » Таблица). Существуют и альтер- 
нативные варианты выдачи этой команды: 


е комбинация клавиш СТКЕ+АЕТЧ+Т; 


ео щелчок на кнопке |пзег* ТаЫе (Вставить таблицу) в разделе Соттоп 
(Общие) палитры ОЩеси (Объекты); 


»е перетаскивание кнопки пзег{ ТаЫе (Вставить таблицу). 


Заполните поля диалогового окна |пзег( ТаЫе (Вставкатаблицы) (рис. 9.1), 
которое появится на экране при любом варианте выдачи команды. Рас- 
смотрим элементы управления этого окна. 


е Ком (Строки). Число строк таблицы. 
® — Соштпз (Столбцы). Число столбцов таблицы. 


® — Мман (Ширина). Ширина таблицы. Единицы измерения выбира- 
ются в списке справа. Ширина таблицы может быть задана в про- 
центах от горизонтального размера контейнера, содержащего этот 
объект. В общем случае контейнером может быть окно, СЛОЙ ИЛИ 
другая таблица. Выбор в качестве единицы измерения пикселов 
задает абсолютную ширину таблицы. 


»е  Вогаег (Рамка). Ширина граничной рамки вокруг каждой ячейки 
и всей таблицы. Задается в пикселах. 


»®  Се!Радата (Поля ячейки). Величина свободного пространства между 
границей ячейки и ее содержимым. Измеряется в пикселах, по 
умолчанию эта величина равна одному пикселу. Чтобы убрать 
внутренние поля ячейки, надо ввести в это поле нулевое значе- 
ние. 


ео Се! Зраста (Расстояние между ячейками). Свободное расстояние 
между соседними ячейками. Измеряется в пикселах, по умолча- 
нию эта величина равна двум пикселам. Нулевое значение этого 
поля убирает свободное пространство между ячейками. 


4. Щелкните на кнопке ОК или нажмите клавишу ЕМТЕК. 
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ион пиниин 


зоц Гар! 


Рис. 9.1. Вставка таблицы 


Почти все решения, принятые на этапе вставки таблицы, можно изменить 
позже. Это относится к числу строк и столбцов таблицы, а также к ее раз- 
мерам и оформительским параметрам. 


Размеры таблицы, заданные в относительной системе, автоматически под- 
гоняются под габариты окна броузера или редактора. Ширина, указанная в 
пикселах, не изменяется. 


По умолчанию ширина новой таблицы устанавливается в 75% от ширины 
окна программы просмотра или редактора НТМЕ. В процессе ввода текста 
и вставки рисунков таблица сохраняет заданную при создании ширину во 
всех случаях, за исключением следующих ситуаций: 


® при вставке рисунка, размеры которого превосходят параметры таб- 
ЛИЦыЫ; 


® когда используется специальный дескриптор <по\тар>, подавляю- 
щий переход на новую строку, а длина текста превосходит доступное 
свободное пространство. 


Если при вставке сделать поле Ман (Ширина) пустым, то программа со- 
здаст таблицу минимальных размеров, ширина которой будет автомати- 
чески подгоняться под текст. 


омимиимиинииимоммомииямииииммлолозмаимииисявосовоспииииимосвовллиниламвмовашшноговорапппшиивоововопшишовоооопоппшиазоопппшшиовооооовшшезвзоовваиишивсвопшшшииовоооооошшовоосзозогпиишшипвовоппшишипогоооопппиншииооозпзвовопшиииипвозоопппшишивиооворозопипшшизосзаозето; 


Диалоговое окно Тпзег ТаЫе (Вставка таблицы) сохраняет ранее задан- 
ные настройки. Если требуется разместить на странице несколько таблиц 
с одинаковыми параметрами, то вывод этого окна целесообразно пода- 
вить. Для этого в основных настройках программы (СТВИ+И) в разделе 
бепега( (Общие) надо сбросить флажок $Ном Ота1од \МНеп пе тд 
ОБесе5 (Показывать диалоговое окно при вставке объектов). 

——————ы=ы=—»—==—=е==—“—“—“„_—_—_———_.-.-—-. 
Следует упомянуть о еще одной особенности работы с таблицами. Для уско- 
рения работы программы принимается соглашение об «отложенном обнов- 
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лении». Что это значит? При вводе текста в ячейки все таблицы меняют 
свои вертикальные размеры, горизонтальные при этом остаются неизмен- 
ными. Таблицы с относительными размерами подгоняют свои габариты под 
фактический объем введенного текста только после перехода на страницу. 
Такое правило принято для ускорения работы программы. Пользователь 
может отказаться от него и включить для редактирования таблиц режим 
«реального времени». Для этого надо в окне настройки программы в разделе 
Сепега! (Общие) сбросить флажок Раз{ег Таые Еа\ тд (Ое{еггед Урдае) (Быстрое 
редактирование таблиц — отложенное обновление). 


Чтобы обновить таблицу в процессе редактирования, без перехода на 
страницу, достаточно воспользоваться комбинацией клавиш 


9.3. Заполнение 


Ячейки таблицы представляют собой относительно независимые «клеточки 
страницы», которые в отношении их наполнения текстом и графикой почти 
не связаны со своими «соседями по общему дому». При вводе текста и вставке 
рисунков в ячейки действуют те же правила и ограничения, что и для всей 
страницы. Напомним основные технические моменты. 


» Чтобы добавить в ячейку текст, надо поместить в нее курсор и ввести 
текст с клавиатуры или вставить из буфера обмена. 


е Для вставки рисунка следует поместить в ячейку курсор и выпол- 
нить соответствующую команду любым удобным способом: из меню, 
при помощи комбинации клавиш или посредством палитры ОБеси 
(Объекты). 


е Увновь созданной таблицы горизонтальные размеры ячеек являются 
«плавающими». Это значит, что в процессе наполнения ширина теку- 
щей ячейки и ее соседей может меняться, для того чтобы предоставить 
«жизненное пространство» текстовому или графическому содержи- 
мому. Горизонтальные габариты ячейки фиксируются после задания 
ее ширины в относительных или абсолютных единицах измерения. 


» Для содержимого ячеек по умолчанию принимается выравнивание 
по левому краю по горизонтали и по центру по вертикали (рис. 9.2). 


В процессе создания и наполнения таблицы приходится перемещаться по 
ее структурным составляющим: строкам, столбцам и ячейкам. Рассмотрим 
имеющиеся в программе способы перехода. 
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Рис. 9.2. Выбранная таблица и окно Инспектора свойств 


»® Для перемещения между ячейками можно воспользоваться клавишей 
ТАВ (для перехода к следующей ячейке) или комбинацией ЗНЕТ+ТАВ 
(для перехода в обратном направлении). 


» Удобный способ перехода между ячейками предоставляют курсор- 
ные клавиши. 


» Если нажать клавишу ТАВ, когда курсор находится в самой правой 
ячейке нижней строки таблицы, в таблице появится новая строка. 


Операции с буфером обмена 


По сравнению с другими редакторами НТМЕ программа Огеатмеауег не 
накладывает жестких ограничений на передачу табличных данных через 
буфер обмена. Немногие запреты, существующие для подобных операций, 
объясняются объективными причинами и совсем не стеснительны для 
пользователя. 


При передаче табличных данных сохраняются важнейшие признаки фор- 
матирования ячеек, их содержимое и его оформление. 


Самым важным ограничением является запрет на передачу через буфер 
обмена табличных фрагментов непрямоугольной формы. Программа раз- 
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решает выбирать несмежные ячейки, но запрещает передавать их через 
буфер обмена. 


Рассмотрим техническую сторону таких операций. Передача табличной 
информации при помощи буфера обмена выполняется следующим обра- 
зом. 


1. Выберите нужные ячейки в таблице-источнике. Напомним, что группа 
выделенных ячеек должна иметь прямоугольную форму. 


2. Дайте команду копирования (СТКЕ+С) или вырезания (СТКЕ+Х). Выре- 
зание отдельных ячеек забирает в буфер обмена только их содержи- 
мое, а если данная операция применена к целой строке или столбцу, в 
буфер обмена помещается и содержимое, и формат ячеек. 


3. Поместите текстовый курсор в целевую таблицу. Его положение во 
многом определяет результат всей операции. 


е  Прикопировании ячеек текстовый курсор должен быть размещен 
в целевой ячейке. Эта ячейка считается левым верхним углом пере- 
даваемого фрагмента. Если таблица-приемник обладает достаточ- 
ным пространством, чтобы вместить подтаблицу из буфера обмена, 
то операция будет успешно выполнена. В противном случае про- 
грамма выдаст сообщение о недостатке места. 


э Пусть в буфере находится целая строка. Если целевая таблица 
имеет ту же ширину, что таблица-источник, то содержимое буфера 
можно вставить как новую строку, а не как прямоугольный фраг- 
мент. Для этого надо найти строку, над которой надо выполнить 
вставку, и поместить в любую ее ячейку текстовый курсор. 


® Все сказанное выше верно и при вставке столбцов. Чтобы опре- 
делить положение нового столбца, надо найти его соседа справа 
и поместить текстовый курсор в любую ячейку этого столбца. 


ео Пусть в буфере обмена находится целая строка или столбец. 
Чтобы заменить строку или столбец таблицы-приемника, требу- 
ется выбрать их целиком. 


» Чтобы сделать содержимое буфера обмена новой самостоятель- 
ной таблицей, надо разместить текстовый курсор за пределами 
уже существующих таблиц страницы. 


4. Дайте команду вставки (СТКЕЧУ). 
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Чтобы переместить внутреннюю строку или столбец на периферию таб- 
лицы, требуется перед операцией вставки добавить к таблице дополни- 
тельную строку или столбец. Для этого надо выбрать всю таблицу, от- 
крыть палитру Ргореку ТтзресЕог (Инспектор свойств) и увеличить зна- 
чения полей Ко\мз (Строки) или Со[$ (Столбцы). 


Несколько интересных возможностей для передачи табличной информа- 
ции разного типа предоставляют команды Сору НТМЕ (Копировать кодовый 
фрагмент) и Раз1е НТМЕ (Вставить кодовый фрагмент). Перечислим несколько 
самых полезных вариантов их использования. 


® Последовательность команд Сору НТМЕ (Копировать кодовый фрагмент) 
и Раз{е НТМЕ (Вставить кодовый фрагмент) — это хорошая возможность 
создания вложенных таблиц. Если выбрать прямоугольную подтаб- 
лицу, скопировать ее в буфер обмена как фрагмент НТМИ, а затем 
выполнить вставку кодового фрагмента, то подтаблица помещается 
в выбранную ячейку в неизменном виде, вместе со всеми данными и 
признаками форматирования. 


» Последовательность команд Сору (Копировать) и Раз4е НТМЕ (Вставить 
кодовый фрагмент) дает возможность извлечь из табличной формы тек- 
стовое содержание. Для этого надо перенести в буфер обмена таблич- 
ный фрагмент при помощи обычной команды копирования (СТКЕ+С), 
а вставить как кодовый фрагмент (СТКЕ+ЗНЕТ+У). 


Импорт табличных данных 


Часто на страницах гипертекстового документа приходится размещать таб- 
лицы больших размеров. В качестве популярных примеров можно назвать 
таблицы со статистическими данными, прейскуранты больших торговых 
фирм, некоторые виды бухгалтерских и учетных документов. Заполнять 
такие таблицы вручную — занятие утомительное и опасное потенциаль- 
ными ошибками. Кроме того, такие документы часто создаются в специ- 
альных программах: электронных таблицах или базах данных. 


Программа Огеатмеауег располагает специальной командой, которая читает 
внешний текстовый файл и переводит в его табличную форму. Чтобы про- 
грамма смогла распределить данные по ячейкам и строкам, текстовый файл 
должен быть специальным образом размечен. Функции разделителя обычно 
выполняют следующие символы: символ табуляции, запятая, двоеточие, 
точка с запятой и др. Следует отметить, что размеченный текстовый файл — 
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это общепринятый способ обмена табличными данными, поэтому многие 
программы располагают специальными командами для их создания. 


Импорт табличных данных выполняется следующим образом. 


1. Дайте команду ЕИе » |трог* » |тром ТаБшаг Оа{а (Файл » Импорт » Импорт 
табличных данных). Другой способ выполнения этой операции дает 
команда |пзег4 »> ТаБ\лаг Оаца (Вставка » Табличные данные). Эти команды 
открывают диалоговые окна, отличающиеся только названием. 


2. Выполните необходимые настройки в диалоговом окне |трог* ТаЫе Оа{а 
(Импорт табличных данных) (рис. 9.3), которое управляет процедурой 
импорта. Рассмотрим основные элементы управления этого диалого- 
вого окна. 


Оа{а Ее (Файл данных). В это поле вводится полный путь поиска 
для текстового файла, хранящего табличные данные. Данное имя 
можно ввести вручную или выполнить поиск при помощи кнопки 
Вгомизе (Обзор). 


ОейтКег (Разделитель). В этом списке выбирается разделитель, кото- 
рый задает границы ячеек в текстовом файле. Список включает в 
себя следующие пункты: ТаБ (Символ табуляции), Сотта (Запятая), 
Зеписо!оп (Точка с запятой), Со!оп (Двоеточие), О{пег (Другой). В пос- 
леднем случае специальный символ-разделитель, отличающийся 
от уже перечисленных, задается в дополнительном поле. 


ЕИ +0 аа (Подбирается по данным). Если установлен этот переклю- 
чатель, ширина таблицы подбирается по размеру самой длинной 
строки в каждом столбце. 


Зе (Равна). Если установить этот переключатель, ширину таблицы 
можно заранее выбрать в относительных (процентах) или абсо- 
лютных (пикселах) единицах измерения. 


Се! Рааата (Поля ячейки). Поле задает свободное расстояние между 
содержимым ячейки и ее границами. 


Се! Зрастд (Расстояние между ячейками). Поле задает расстояние 
между соседними ячейками таблицы. 


Рогта* Тор Ком (Форматирование верхней строки). Этот список пред- 
лагает четыре варианта форматирования первой строки таблицы. 


Вогаег (Рамка). Здесь задается толщина граничной рамки таблицы. 
Если рамка не нужна, надо задать нулевое значение этого поля. 


3. Шелкните на кнопке ОК. 
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сей Габшаг а 


Мо Рогта# пб]: 


Рис. 9.3. Импорт табличных данных 


тановленный в текстовом файле, не совпадают, то импорт данных вы- 
полняется неправильно. Однако программа Огеатуеауег в подобных 
ситуациях ведет себя вполне «миролюбиво» — она не выводит сообще- 
ний об ошибках и предупреждений. 


9.4. Выбор элементов таблицы 


Средства редактирования таблиц расположены в программе весьма ком- 
пактно. Большинство команд редактирования расположены в меню Моану » 
ТаЫе (Изменить » Таблица). Ко многим ресурсам открывает доступ палитра 
Ргорегу тзрес{ог (Инспектор свойств) (рис. 9.2) и контекстное меню, которое 
открывается при щелчке правой кнопки мыши. Необходимым условием 
успешного редактирования является правильный выбор элементов таб- 
ЛИЦыЫ. 


Выбор элементов — это первый шаг любой процедуры редактирования таб- 
лицы. Программа разрешает выбирать следующие элементы: 


® таблицу целиком; 

»е отдельную строку; 

»® несколько строк, смежных или отдельных; 
е отдельный столбец; 


Ф® Несколько столбцов, смежных или отдельных, 
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отдельную ячейку; 


несколько ячеек, смежных или отдельных. 


Выбор таблицы целиком 


Программа предлагает несколько различных приемов выбора таблиц. Пере- 
ЧИСЛИМ ИХ. 


Команда МоаНу » ТаЫе » Зеес{ ТаЫе (Изменить » Таблица » Выбрать таб- 
лицу). Чтобы эта команда была доступна, текстовый курсор должен 
находиться внутри таблицы или же любая часть таблицы должна быть 
выбрана ранее. 


Комбинация клавиш СТВЕ+А работает при выполнении условий, упо- 
мянутых в предыдущем пункте. 


Команда Еа! » Зеес{ А! (Правка » Выбрать все) является синонимом 
команды Зе!ес{ ТаЫе (Выбрать таблицу), если текстовый курсор нахо- 
дится в пределах таблицы. 


Щелчок правой кнопкой мыши на любой точке таблицы и выбор из 
открывшегося контекстного меню команды ТаЫе » Зе!ес{ ТаЫе (Таблица » 
Выбрать таблицу). 


Щелчок мыши выбирает всю таблицу, если ее указатель выглядит как 
четырехнаправленная стрелка. Такую форму он принимает в непосред- 
ственной близости от границы таблицы. 


Протягивание указателя мыши через всю таблицу. 


Щелчок мыши на дескрипторе <1аЫе> в селекторе разметки, распо- 
ложенном в левой части строки состояния. 


Выбранная таблица выделяется специальной рамкой с тремя маркерами, 
расположенными справа в нижней части таблицы. 


Выбор строк и столбцов 


Выбор строк и столбцов можно выполнить несколькими способами, но все 
они опираются на работу с мышью. Для этих целей программа не предлагает 
ни команд меню, ни клавиатурных комбинаций. Перечислим все имеющиеся 
возможности. 


» Подведите указатель к границе строки или столбца. Оставаясь за пре- 


делами таблицы на небольшом удалении от нее, перемещайте уКаза- 
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тель, пока он не примет форму стрелки. После этого один раз щелк- 
ните левой кнопкой мыши. 


»е Для выбора нескольких строк или столбцов, надо повторить описан- 
ную операцию несколько раз при нажатой клавише СТКЕ. 


» Поместите курсор в первую ячейку строки или столбца и, удерживая 
нажатой левую кнопку мыши, перетащите указатель в последнюю 
ячейку. 


е Удерживая нажатой клавишу СТКЕ, последовательно щелкните на всех 
ячейках строки или столбца. 


» Поместите текстовый курсор в начальную ячейку строки или столбца, 
затем, удерживая нажатой клавишу ЗНЕТ, щелкните на последней 
ячейке. 


Признаком выбора служит черная рамка вокруг всех ячеек строки или стол- 
бца. В палитре Ргорему тзрес*ог (Инспектор свойств), в левой ее части, есть 
специальный значок с изображением, напоминающим стилизованную таб- 
лицу. Он играет роль индикатора выбора таблиц и их элементов. Если этот 
значок отображает темную строку или столбец, значит, работа выполнена 
успешно. 


Выбор ячеек 


Существуют следующие возможности индивидуального выбора ячеек. 


» Наведите указатель мыши на ячейку, нажмите левую кнопку мыши 
и протяните указатель в соседнюю ячейку. Направление протягива- 
ния не имеет значения. Отпустить кнопку следует на некотром рассто- 
янии от исходной ячейки, когда появится характерная рамка выбора. 


» Удерживая нажатой клавишу СТВЕ, щелкните на любой точке нуж- 
ной ячейки. 


е Поместите текстовый курсор внутрь ячейки и нажмите комбинацию 
клавиш СТЮЕ-А. 


» Щелкните на дескрипторе <{«> в селекторе кодовой разметки. 


Следует упомянуть и о приемах коллективного выбора нескольких ячеек. 
Для этого программа Огеатмеауег предлагает следующие возможности. 


»® Последовательно щелкните на нужных ячейках, удерживая нажатой 
клавишу СТВЕ. Таким образом можно выделить любую группу ячеек 
таблицы, даже при отсутствии у них общей границы. 
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е удерживая нажатой клавишу ЗНЕТ, последовательно щелкните на 
двух ячейках. В результате будет выбран прямоугольный фрагмент 
таблицы, у которого эти ячейки располагаются на противоположных 
концах диагонали. 


» Наведите указатель на ячейку таблицы и, не отпуская левой кнопки 
мыши, перетащите его на другую ячейку. В результате будет выбран 
такой же прямоугольный фрагмент таблицы, как и в предыдущем слу- 
чае. 


Чтобы отменить выбор ячейки, надо щелкнуть на ней при нажатой кла- 
више СТВЕ. 


9.5. Форматирование 


В четвертой версии стандарта языка гипертекстовой разметки табличный 
дескриптор <{аЫе> обладает почти двумя десятками различных атрибутов, 
от значений которых зависит внешний вид и поведение таблицы. В про- 
грамме большая часть этих атрибутов настраивается при помощи палитры 
Ргорему пзрес{ог (Инспектор свойств) (рис. 9.2). Напомним способы ее откры- 
тия: 


е команда \ММтаом » Ргорег!е$ (Окно » Свойства); 
® комбинация клавиш СТВЕ+ЕЗ; 


е команда Ргорегиез$ (Свойства) в контекстном меню. 


Все элементы управления палитры доступны в ее развернутом состоя- 
нии. Чтобы развернуть палитру, надо щелкнуть по клавише со стрелкой, 
расположенной в ее правом нижнем углу. 


Все основные инструменты палитры, предназначенные для оформления и 
редактирования таблиц, подробно рассматриваются в соответствующих 
тематических разделах. Приведем краткую сводку элементов управления: 


»® ТаЫе Мате (Имя таблицы) — название таблицы; 
® Ко\м/$ (Строки) — количество строк; 

® Со!$ (Столбцы) — количество столбцов; 

» \\/ (Ширина) — ширина таблицы; 


»е Н (Высота) — высота таблицы; 
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® Се!Рад (Поля) — поля ячейки; 

® Се!Зрасе (Интервалы) — расстояние между ячейками; 
® А!Поп (Выравнивание) — выравнивание таблицы; 

»® Вогаег (Рамка) — вид рамки таблицы и ячеек; 

® Ва Со!ог (Фоновый цвет) — цвет фона; 

® Вгаг Соог (Цвет рамки) — цвет рамки таблицы и ячеек; 
® Ва |таде (Фоновый рисунок) — фоновый рисунок; 


® СеагКоми НеаН\$ (Сброс высоты строк) — кнопка сброса значений верти- 
кальных размеров строк; 


® С!еагСоитп$ УМН $ (Сброс ширины столбцов) — кнопка сброса значений 
горизонтальных размеров столбцов; 


® Сопуем ТаЫе М/сп$ +0 Р!хе!$ (Преобразовать параметры ширины в пикселы ) — 
кнопка служит для перевода всех относительных горизонтальных 
размеров таблицы в абсолютные, измеренные в пикселах; 


® Сопуем ТаЫе \/ал$ то Регсеп! (Преобразовать параметры ширины в процен- 
ты) — кнопка служит для преобразования всех абсолютных горизон- 
тальных размеров таблицы в относительные, заданные в процентах. 


Выравнивание 


Горизонтальное выравнивание — это важная характеристика любой таб- 
лицы. Язык гипертекстовой разметки имеет в своем арсенале несколько 
различных приемов для выравнивания таблиц. Это стандартные типы вырав- 
нивания по левому краю, правому краю и центру страницы. Таблицы с такими 
признаками форматирования «выдавливают» со своей полосы весь текст и 
объекты другого типа (рис. 9.4). 


Кроме того, существуют способы выравнивания, которые делают таблицу 
«плавающей». В этом случае текст обтекает таблицу с одной из сторон, что 
позволяет добиться более плотного «монтажа» гипертекстовой страницы. 


Выравнивание с обтеканием выполняется при помощи специального атри- 
бута айдп дескриптора <1аЫе>. Так, для выравнивания по левому краю в 
коды страницы должна быть введена строчка примерно такого содержания 
(рис. 8.4): 


<аЫе айдп=Чей"> 


282 


Таблицы с такими признаками форматирования "выдавливают" весь 
текст со своей полосы. 


Кроме того, существуют способы выравнивания, 
которые делают таблицу "плавающей". В этом 
случае, текст обтекает таблицу по одной из сторон. 


Рис. 9.4. Виды выравнивания таблии 


Выравнивание без обтекания реализуется иначе. Эту задачу выполняет 
специальный парный дескриптор <ам>. Табличные коды заключаются 
внутрь этого тега-контейнера, который управляет положением таблицы при 
помощи специального атрибута апап. Например, следующий кодовый фраг- 
мент дает пример выравнивания по центру простейшей таблицы, состоя- 
щей из одной ячейки: 


<ам айап='сетег"> 

<юЫе> 
<н> 
<&>8п6зр;</1а> 
</н> 

</юЫе> 

</ам> 


Рассмотрим технические аспекты этих операций. Задать выравнивание 
таблицы без обтекания текстом можно следующим образом. 


1. Выберите таблицу, используя любой из описанных ранее приемов. 


2. Откройте палитру Ргорему |пзрес{ог (Инспектор свойств) и убедитесь в том, 
что в разделе Айоп (Выравнивание) выбран пункт Ое{аий (По умолчанию). 
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3. Выберите одну из команд меню Тех! » Айоп (Текст » Выравнивание). Это 
меню объединяет три команды выравнивания: [еН (По левому краю), Кам 
(По правому краю), Сетег (По центру). 


Выравнивание с обтеканием настраивается так. 

1. Выберите таблицу. 

2. Откройте палитру Ргорему пзрес{ог (Инспектор свойств). 

3. В списке Айоп (Выравнивание) выберите один из типов выравнивания. 


® — Ое{аи\ (По умолчанию). Атрибуту выравнивания не присваивается 
никакого значения, а вопрос о горизонтальном положении таб- 
лицы оставляется на усмотрение программы просмотра. Обычно 
это выравнивание по левому краю без обтекания. 


® |еН (По левому краю). Выравнивание по левому краю окна про- 
граммы просмотра и обтекание текста по правому краю таблицы. 


® КОН! (По правому краю). Выравнивание по правому краю окна бро- 
узера и обтекание по левой границе таблицы. 


® — Сегиег (По центру). Выравнивание по середине окна программы про- 
смотра без обтекания текстом. Работает только с новыми версия- 


После установки режима обтекания таблица становится плавающим 
объектом, а ее точка привязки помечается специальным значком, напо- 
минающим символ привязки изображений. Такие значки играют для таб- 
лиц примерно ту же роль, что и для плавающей графики. Главные функ- 


Граница и фон 


Таблицы, которые создает программа, по умолчанию получают видимую 
рамку толщиной в один пиксел. Граничный контур образуют две линии, 
раскрашенные в полярные оттенки серого цвета. Такое сочетание создает 
иллюзию глубины; кажется, что рамка таблицы и линии разлиновки ее ячеек 
являются выпуклыми. Это решение можно считать удачным, но, к сожале- 
нию, массовое распространение превратило его в дизайнерский штамп. 


Толщина граничной рамки — это величина переменная. Ее значение, задан- 
ное в программе, присваивается атрибуту Богаег дескриптора таблицы 
<{аЫе>. Единицами измерения служат пикселы. Нулевое значение этого 
атрибута убирает прорисовку рамки таблицы и всех внутренних ячеек. 
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В этом случае, контуры таблицы помечаются специальной пунктирной линией, 
которая видна только в редакторе, но не отображается программами про- 
смотра. Можно убрать и эту вспомогательную разметку. Для этого следует 
дать команду Меми » \М!5ца! А!а$ »> ТаЫе Вогаег (Вид » Служебная разметка » Рам- 
ка таблицы). 


Толщина границы задается следующим образом. 

1. Выберите таблицу. 

2. Откройте палитру Ргорему пзресюог (Инспектор свойств). 
3. Ввести новое значение толщины в поле Вогаег (Рамка). 


Если увеличить толщину граничной рамки одноклеточной таблицы до 
определенных пределов, то по своему виду эта таблица станет похожей на 
выпуклую трехмерную кнопку (рис. 9.5). 


Рис. 9.5. Граничные рамки различной толщины 


Изменение т т олЩИНы внешней | границы + не влияет на , внутреннюю раз- 
метку таблицы. 


Для выбора цвета граничных линий следует воспользоваться полем Вгаг 
Соог (Цвет границы) палитры Ргорему тзрес‘юг (Инспектор свойств). Этот эле- 
мент управления открывает доступ к стандартным средствам выбора или 
синтеза цветов. Работа с ними подробно описана в главе, посвященной общим 
свойствам документа. 


Новые таблицы, созданные программой, по умолчанию приобретают про- 
зрачный фон. Изменить цвет фона можно при помощи поля Ва Союг (Цвет 
фона) палитры Ргорему пзресог (Инспектор свойств). С технической точки 
зрения, выбор цвета фона ничем не отличается от задания цвета границы. 


На задний план таблицы можно поместить рисунок. Выбор и вставка фоно- 
вого изображения выполняется средствами раздела Ва |таде (Фоновый рису- 
нок) палитры Ргорему 1пзреског (Инспектор свойств). И в этом случае стандар- 
тизация интерфейса и технических приемов приносит плодотворные резуль- 
таты. Техника создания фонового рисунка таблицы точно такая же, что и у 
гипертекстовой страницы. Мы рассматривали ее в главе, посвященной ра- 
боте с графикой. 
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Поля и интервалы ячеек 


В языке гипертекстовой разметки предусмотрено два способа управления 
свободным пространством таблицы. Добавить «воздуха» в таблицу с высо- 
кой плотностью размещения данных можно при помощи полей ячеек и 
интервалов между ними. Поля ячейки — это свободное внутреннее про- 
странство, расположенное по всем четырем ее границам (рис. 9.6). Здесь 
можно провести полную аналогию с полями обычной печатной страницы. 
За одним лишь исключением: если поля страницы могут быть разными, то 
поля ячеек всегда принимают одно и то же значение, общее для всей таблицы. 
В языке гипертекстовой разметки этим признаком оформления управляет 
специальный атрибут сейрадатд дескриптора <{ае>. 


утесе ннеь к 


Поля 
ячеек 


Щ 
Ш 


: : 
2}, позоенаововоовоечя нос оо зо фона саво оо вин оновози Фачвевовоа вв ово ее уаз юаазоония Фозозниия помо новин ино ини оч ь вии о унив вов во ниана 
А ововооо ооо о ооо о оврооо оо фо ово бортооооохевоооььь Фоповоос ов овоовоо овиров ви оо ибо ъ оборонное ово ово ово оо он о оно ох об авьоа опр позе озвоонае в 


Се рад41пд 


Рис. 9.6. Поля ячеек 


Интервалы представляют собой расстояние между смежными ячейками 
таблицы. В языке НТМЕ эта величина является одинаковой для всех ячеек 
и их соседей по вертикали и горизонтали (рис. 9.7). Выбранное значение 
интервала присваивается атрибуту сей!зрастд дескриптора таблицы <{аЫе>. 


СеЦ $раст9д 


Рис. 9.7. Интервалы между ячейками 


Изменить величину полей и интервалы между ячейками таблицы можно 
следующим образом. 
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Выберите таблицу. 
Откройте палитру Ргорему пзрес{ог (Инспектор свойств). 


Введите новые значения в поля Се!Раа (Поля) и СеИЗрасе (Интервалы). 


х®*ъ- 


Нажмите клавишу ОК. 


По умолчанию для новой таблицы поля составляют один пиксел, а интер- 
валы — два пиксела. Этим значениям соответствуют пустые поля Се(Рад 
(Поля) и СеЦ$расе (Интервалы) палитры свойств и диалогового окна 
[п5еп ТаЩе (Вставка таблицы), при посредничестве которого выполня- 
ется вставка таблицы. Чтобы сомкнуть ячейки или убрать свободное внут- 
реннее пространство, надо ввести в эти поля нулевые значения. 


Изменение размеров таблицы 


Программа Огеатмеауег поддерживает стандартный способ изменения раз- 
меров таблицы и ее строк и столбцов — перетаскивание границ при помощи 
мыши. Этот прием можно считать массовым, поскольку чем-то подобным 
располагают, видимо, все программы, работающие с таблицами. Техника 
простая, удобная в исполнении, но несколько грубоватая. 


Основное средство изменения размеров таблицы — это числовые поля Ума 
(Ширина) и Нега! (Высота) палитры Ргорему |пзрес!юг (Инспектор свойств). Еди- 
ницами измерения габаритов таблицы могут быть проценты или пикселы. 
В первом случае размеры задаются как доля свободного пространства, окру- 
жающего таблицу. Чаще всего отсчет ведется от ширины окна программы 
просмотра или гипертекстового редактора. Выбор в качестве единиц изме- 
рения пикселов означает абсолютный способ измерения, не зависящий от 
содержащего таблицу контейнера и его размеров. 


Заданные размеры присваиваются специальным атрибутам дескриптора 
<{аЫе>. Например, строка, в которой задана ширина таблицы в 50 пиксе- 
лов, а высота равна трети высоты окна, выглядит следующим образом: 


<юЫе Веар!="30%" ила ="50"> 


Атрибуты, управляющие высотой и шириной, являются легальными пара- 
метрами и для дескриптора <14>, который задает границы отдельных ячеек. 


Размеры новой таблицы автоматически подгоняются под ее содержимое. 
Ширина столбцов не фиксируется и может меняться в зависимости от 
объема текста и размеров графики. После того как пользователь передви- 
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нет любую внутреннюю границу столбца (строки), программа присваивает 
текущие значения ширины (высоты) всем столбцам (строкам) таблицы. 


Рассмотрим более внимательно ресурсы палитры свойств (рис. 9.2), отно- 
сящиеся к геометрическим параметрам таблиц. 


® \ (Ширина). Задает ширину выбранной таблицы. Единицы измере- 
ния выбираются в списке справа. Основными единицами являются 
проценты и пикселы. Как и в большинстве других случаев, ширину 
можно задавать в нестандартных единицах измерения (пунктах, пиках, 
дюймах, сантиметрах, миллиметрах) с обязательным добавлением 
обозначения размерности. Допускается ввод простых арифметичес- 
ких выражений, операнды которых имеют разную размерность. 


»е Н (Высота). Задает высоту выбранной таблицы. Для последующей 
обработки числовых значений возможности этого элемента управле- 
ния полностью совпадают с предыдущим полем. 


® С!еаг Ром Неа—$ (Сброс значений высоты строк). Удаляет из табличных 
кодов все атрибуты, отвечающие за высоту строк и самой таблицы. 


® С!еаг Соитп$ М/аи$ (Сброс значений ширины столбцов). Удаляет из деск- 
риптора таблицы все атрибуты, отвечающие за ширину столбцов и 
всей таблицы. 


® Сопуег ТаЫе Уаз {о Р!хе!$ (Преобразовать параметры ширины в пикселы). 
Переводит все относительные горизонтальные размеры столбцов и 
самой таблицы в абсолютные, измеренные в пикселах. 


® Сопуем ТаЫе Мс из +о Регсеп{ (Преобразовать параметры ширины в проценты). 
Переводит все абсолютные горизонтальные размеры столбцов и самой 
таблицы в относительные. Базой для таблицы служит ширина содер- 
жащего ее контейнера, для столбцов — ширина самой таблицы. 


Удаление атрибутов, задающих ширину и высоту, фактически является 
командой подгонки размеров таблицы под фактический объем текстового 
и графического материала. В большинстве случаев это приводит к сжатию 
таблицы. 


Следует подчеркнуть особое значение «пустых» полей \\/ (Ширина) и Н (Вы- 
сота). Если эти поля не заполнены, то дескрипторы, размечающие таблицу, 
не включают атрибутов ширины и высоты, а сама таблица теряет жесткость. 
Она меняет свои горизонтальные и вертикальные размеры по мере запол- 
нения. Если очистить ее от всей введенной информации, автоматически 
восстанавливаются исходные минимальные размеры. Пустые значения 
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размерных атрибутов означают, что вопрос о подлинных размерах таблицы 
и ее элементов оставляется на усмотрение программ просмотра. 


Иное поведение демонстрируют таблицы с заданными размерами. Если 
поместить в ячейку такой таблицы объект, габариты которого заведомо 
превосходят размеры таблицы, то она, естественно, увеличит свои размеры. 
При этом числовые поля \\ (Ширина) и Н (Высота) и размерные атрибуты 
дескрипторов своих значений не изменяют. После удаления негабаритного 
объекта таблица вернется к исходным пропорциям. 


Вставка строк и столбцов 


Добавление и удаление строк и столбцов — это наиболее часто встречаю- 
щиеся структурные операции с таблицами. Многие задачи перепланировки 
таблиц решаются добавлением и удалением строк и столбцов. Программа 
располагает несколькими техническими приемами для их выполнения. В их 
число входят команды меню, клавиатурные комбинации, операции с палит- 
рой и буфером обмена. 


Добавление строки или столбца МОЖНО ВЫПОЛНИТЬ Так. 


1. Поместите текстовый курсор в ячейку, которая служит ориентиром для 
вставки новых линий таблицы. Действует правило, согласно которому 
новые строки располагаются над выбранной ячейкой, столбцы — левее 
ее. 


2. Дайте команду вставки. Перечислим варианты ее технической реали- 
зации. 


е Команды МоаНу » ТаЫе » |пзег{ Коми (Изменить » Таблица » Вставить 
строку), МодНу » ТаЫе » пзег{ Соитп (Изменить » Таблица » Вставить 
столбец), МоаНу » ТаЫе » тег" Во\миз ог Соитп$ (Изменить » Таблица »> 
Вставить строки или столбцы). Первые две команды создают одну 
строку или столбец. Они не требуют ввода дополнительных пара- 
метров и не нуждаются в диалоге с пользователем. Последняя 
команда обладает большими возможностями. Она выводит на 
экран диалоговое окно !пзег( Коми ог Со!итп$ (Вставка строк или столб- 
цов) (рис. 9.8), средствами которого выполняется вся необходи- 
мая настройка. 


е Все перечисленные команды можно выдать и через контекстное 
меню. Для этого щелкните правой кнопкой мыши на таблице и 
выберите нужную команду из раздела ТаЫе (Таблица) открывше- 
гося контекстного меню. 
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® Комбинация клавиш СТКЕ+М служит для вставки одной строки. 


» Комбинация клавиш СТКЕ+$НЕТ+А служит для вставки одного 
столбца. 


® — Откройте палитру Ргорему тзресюг (Инспектор свойств) и увеличьте 
значения числовых полей, управляющих размером таблицы. Напом- 
ним, что эти поля называются Ко\з (Строки) и Со!$ (Столбцы). 


Рассмотрим настройки диалогового окна |пзег{ Ко\миз ог Сошитп$ (Вставка строк 
или столбцов) (рис. 9.8). На этом рисунке диалоговое окно находится в режиме 
вставки строк, поэтому названия его разделов адаптированы к этой ситуа- 
ции. При вставке столбцов все термины, относящиеся к строкам, изменяются. 


Комз (Строки). Переключатель, выбирающий вставку строк. 
Соштп$ (Столбцы). Переключатель, выбирающий вставку столбцов. 


Митбег оЁ Комиз (Число строк). Это поле задает количество вставляемых 
строк. 


\/пеге (Куда). Эти переключатели задают расположение новых элемен- 
тов. Положение строк регулируется переключателями Авоуе {пе 
ЗаесНоп (Над выбранной) и Вею\ {пе ЗаесНоп (Под выбранной). При 
вставке столбцов эти переключатели называются Ве!юге Сиггеп" Соитп 
(Перед текущим столбцом) и АНег Сиггеп{ Соитп (После текущего столбца). 


Рис. 9.8. Вставка строк таблицы 
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Чтобы добавить в таблицу столбец справа или строку снизу, надо выбрать 
всю таблицу, открыть палитру свойств и увеличить на единицу значения 
полей Ком$ (Строки) или Со[5 (Столбцы). Кроме того, добавить строку 
снизу можно, нажав клавишу ТАВ, когда курсор находится в правой ниж- 


9.5. Форматирование 


Удаление строк и столбцов 


Удаление граф таблицы — это операция, не требующая настройки и диалога 
с пользователем. Выполняется она следующим образом. 


1. Поместите текстовый курсор в ячейку. 


2. Удалите строку или столбец, на пересечении которых находится дан- 
ная ячейка. Для этого есть следующие возможности. 


е команды МодНу » ТаЫе » Бев{е Ком (Изменить » Таблица » Удалить 
строку) или комбинация клавиш СТРЕ+ЗНЕТ+М; 


е  МодНу» ТаЫе »> Бее!е Со!итп (Изменить » Таблица » Удалить столбец) 
или комбинация клавиш СТВЕ+ЗНЕТ+—. 


Строки и столбцы, выбранные целиком, можно удалять более традицион- 
ным для приложений Итао$ способом. С этой задачей прекрасно справ- 
ляются клавиши ОЕЕЕТЕ и ВАСК$РАСЕ. Кроме того, удаляемые графы можно 
просто вырезать в буфер обмена. 


Программа Отеатмиеауег, в отличие от большинства других приложений, 
выполняет операцию удаления сразу. Она обходится без информацион- 
ных сообщений и запросов на подтверждение. 


Объединение и разбиение ячеек 


Любые операции со строками и столбцами оставляют таблицу в классе регу- 
лярных структур. Такие таблицы напоминают своим видом прямоугольные 
сетки с переменным шагом вдоль координатных осей. Подобная однород- 
ность внутреннего устройства существенно ограничивает потенциал таб- 
лиц в решении сложных задач размещения и планировки. 


Язык гипертекстовой разметки располагает средствами объединения смеж- 
ных ячеек. Косвенно эти дескрипторы и атрибуты способны решить и задачу 
разделения ячейки на составляющие. 


Размеры переменных ячеек задаются при помощи атрибутов со!зрап и 
гоммзрап дескриптора <1а>. Первый параметр описывает ячейки, разверну- 
тые по горизонтали. Его значение указывает число смежных столбцов, зани- 
маемых данной ячейкой. Второй атрибут устанавливает размеры ячеек, 
развернутых по вертикали, и определяет число занятых строк. 


Следующие два листинга дают примеры кодирования простейших нерегу- 
лярных таблиц с объединенными ячейками. У первой таблицы объединен- 
ная ячейка расположена по горизонтали, у второй — по вертикали (рис. 9.9). 
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Рис. 9.9. Таблицы с объединенными ячейками 


<юЫе > 
<н> 
< соб5рап=»2">&пБ5р:</1> 
</н> 
<> 
<&9>6пЬ5р:</! <> 
<> 6и65р:</ю> 
</н> 
</юЫе> 
<юЫе > 


<н> 


< гоммзрап=»2">&п6зр;</4> 
<«>&пЬ5р:</ > 
</н> 
<Н> 
<> 6&пБзр:</1в> 
</н> 
</юЫе> 


Какими возможностями располагает программа Огеатумиеамег для создания 
таблиц с нерегулярной структурой? Она разрешает объединять любые 
смежные ячейки, образующие форму прямоугольника. Любую одиночную 
ячейку можно разделить по вертикали или горизонтали. Причем выпол- 
нимость этих операций не зависит от предыстории. Любой прямоугольный 
фрагмент нерегулярной таблицы можно превратить в одну ячейку при 
помощи операции объединения. И наоборот, неоднородная таблица со 
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9.5. Форматирование 


сложной структурой ячеек разного размера имеет неограниченный потен- 
циал к дальнейшему усложнению, поскольку любую ее клеточку можно 
разбить на произвольное число строк или столбцов. 


Рассмотрим технические аспекты операций объединения и разбиения ячеек. 
Разделение ячейки производится так. 


1. Поместите текстовый курсор в ячейку. 


2. Дайте команду разбиения. Сделать это можно несколькими разными 
способами. 


» Воспользуйтесь командой МодИу » ТаЫе » Эр Се! (Изменить » Таб- 
лица » Разделить ячейку). 


е Откройте палитру Ргорему тзрес!юг (Инспектор свойств) и щелкните 
на кнопке Зр№Из се! по гомиз ог соитпз (Разделить ячейку на строки 
или столбцы). Она расположена справа в разделе палитры Се! 
(Ячейка). | 


е Нажмите комбинацию клавиш СТВЕ+АЕТ-$. 


3. Любой способ выполнения команды активизирует диалоговое окно, 
показанное на рис. 9.10. В нем выберите способ разбиения (по горизон- 
тали или по вертикали) и задайте число составляющих ячеек. Способ 
разбиения выбирается при помощи переключателей Ко\мз (Строки) и 
Соитп$ (Столбцы). Количество производных ячеек задается в поле 
Митьег оЁ Во\м$ /Со!итп$ (Число строк /столбцов). 


4. Щелкните на кнопке ОК или нажмите клавишу ЕМТЕК. 


Рис. 8.10. Параметры разбиения ячеек 


Объединение ячеек производится следующим образом. 


1. Выберите все ячейки, подлежащие слиянию. Напомним, что только 
прямоугольные фрагменты таблиц попадают под действие данной опе- 
рации. 
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2. Дайте команду на объединение ячеек. Для этого программа предлагает 
следующие возможности: 


® команда МоаНу » ТаЫе » Мегде Се!$ (Изменить » Таблица > Объеди- 
нить ячейки); 


® кнопка Мегдез заецеа се!$ изтд зрапз (Объединить выбранные ячей- 
ки), расположенная слева в разделе Се! (Ячейка) палитры Ргорему 
|пзрес{юг (Инспектор свойств); 


е комбинация клавиш СТВЕ-+АЕТ+М: 
® самый простой вариант — это нажатие клавиши М. 


Результатов, подобных описанным, можно добиться при помощи команд 
расширения и сокращения диапазона объединения. Эти команды располо- 
жены в меню МоаИу » ТаЫе (Изменить >» Таблица). Рассмотрим их возможно- 
сти. 


® — псгеазе Ком Зрап (Увеличить охват строк). Объединяет текущую ячейку 
с ячейкой, расположенной под ней. 


® —_ Оесгеазе Коми Зрап (Уменьшить охват строк). Разбивает ранее объеди- 
ненную ячейку. Из нижней части объединенного элемента вычле- 
няется одна простая ячейка. 


®  псгеазе Соштп Зрап (Увеличить охват столбцов). Объединяет теку- 
щую ячейку с ее соседом справа. 


® — Оесгеазе Соштп Зрап (Уменьшить охват столбцов). Из правой части 
объединенной ячейки вычленяет одну простую ячейку. 


9.6. Форматирование строк, столбцов и ячеек 


Программа Огеатмеауег разрешает форматировать не только всю таблицу, 
но и ее отдельные структурные составляющие: строки, столбцы, ячейки. 
При наложении форматов могут возникать конфликты, когда одинаковые 
по смыслу признаки форматирования принимают разные значения. Все 
конфликты такого рода разрешаются согласно принципу «исключения важ- 
нее правил». Установки ячейки отменяют признаки форматирования строк 
и столбцов, а параметры оформления последних считаются важнее устано- 
вок всей таблицы. 


Форматирование структурных элементов таблицы выполняется преимуще- 
ственно средствами палитры Ргорему |пзрес{юг (Инспектор свойств) (рис. 9.11). 
Многие элементы управления, которые предлагает палитра для работы с 
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Рис. 8.11. Форматирование структурных элементов таблииы 


ячейками, строками и столбцами, по технике и смыслу совпадают с анало- 
гичными элементами, относящимися ко всей таблице. Поэтому приведем 
лишь краткую сводку основных возможностей. 


Се! (Ячейка). Раздел объединяет две кнопки Мегдез заес{еа се! изпа 
зрапз (Объединить выбранные ячейки) и ЗрИз се! ко го\и$ ог соштп$ (Раз- 
делить ячейку на строки или столбцы), предназначенные для объедине- 
ния (первая) и разбиения (вторая) ячеек. 


М/ (Ширина). Поле для задания ширины ячейки. Единицами измере- 
ния могут быть пикселы и проценты от габаритов таблицы. 


Н (Высота). Поле для задания высоты ячейки. 


№ Угар (Без переноса). Этот флажок выключает перенос слов на дру- 
гую строку. 


Неадег (Заголовок). Этот флажок присваивает содержимому выбран- 
ной ячейки или строки параметры оформления заголовков. Для тек- 
ста это полужирное выделение и выравнивание по центру. 


Ва (Фоновый цвет) и Ва (Фоновый рисунок). Два раздела палитры с одина- 
ковыми названиями, но легко различимым оформлением интерфейса, 
предназначены для выбора фонового рисунка и фонового цвета. По 
технике использования не имеют никаких отличий от таблиц. 


Вгаг (Цвет рамки). Этот раздел отвечает за выбор цвета рамки выбран- 
ной ячейки, строки или столбца. 


Ног (Выравнивание по горизонтали). Список команд выравнивания содер- 
жимого ячеек по горизонтали. Он объединяет четыре стандартных 
типа: Ое#аий (По умолчанию), 1еН (По левому краю), Сегиег (По центру), 
Кан (По правому краю). Выбранный тип выравнивания присваивается 
атрибуту айдп дескриптора <1а>. 


\Уег" (Выравнивание по вертикали). Раздел служит для выбора выравни- 
вания содержимого ячейки по вертикали. Он состоит из пяти пунк- 
тов: Ое{аи\ (По умолчанию), Тор (По верхнему краю), Ма (По середине), 


295 


9. Таблицы 


Во{от (По нижнему краю), Вазейпе (По базовой линии). По умолчанию в 
большинстве программ просмотра принимается выравнивание по 
вертикали по середине. Первые четыре вида выравнивания работают 
обычным образом, примерно так же, как в текстовых редакторах. 
Выравнивание по базовой линии обладает рядом особенностей. Во-пер- 
вых, оно располагает текст и графику ближе к верхней части ячейки. 
Во-вторых, если применить этот тип выравнивания к нескольким 
ячейкам одной строки, то программа разместит их содержимое на 
одной линии, невзирая на размер шрифта и габариты графики (рис.9.12). 
Выбранный тип выравнивания присваивается атрибуту уайдп деск- 
риптора <{а«а>. 


Рис. 9.12. Выравнивание по вертикали по базовой линии 


9.7. Табличные стили 


Ни один объект гипертекстового документа не может сравниться с табли- 
цами по возможной плотности размещения информации наединицу полез- 
ной площади. Форматирование таких информационных хранилищ, насы- 
щенных разнородными данными, — часто трудоемкое и утомительное заня- 
тие. Программа Огеатмеауег располагает специальными средствами авто- 
матизации рутинных процедур форматирования больших таблиц. В состав 
программы входит семнадцать заранее разработанных форматов оформле- 
НИЯ, а также средства их назначения и настройки. Эти предопределенные 
форматы поддерживают основные приемы делового стиля оформления 
таблиц. В их число входят: выделение заголовочных строк и столбцов, раз- 
линовка таблицы, задание фона таблицы, раскраска строк с чередованием 
и пр. Выбранный стиль можно принять за основу и доработать его пара- 
метры согласно вкусу и предпочтениям автора. 


Стандартный стиль оформления назначают таблице так. 
1. Выберите таблицу. 


2. Дайте команду Соттапа$ » Гогта+ ТаЫе (Команды » Формат таблицы). 
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3. Откроется одноименное диалоговое окно. В его левой части выберите 
название стиля. Настройте атрибуты стиля, используя другие средства 
этого окна. Рассмотрим эти средства. 


Коми Союг: Егз1 (Цвет фона строки: первый). Задает цвет фона первой 
строки основной части таблицы. Верхняя строка считается заго- 
ловочной. Для указания цвета надо ввести его шестнадцатерич- 
ный код или имя, если таковое имеется. 


Коми Союг: Зесопа (Цвет фона строки: второй). Задает второй фоновый 
цвет. Он нужен для того, чтобы организовать чередование рас- 
краски строк таблицы. Этот тон задается обычным для языка 
НТМЕ способом: именем или шестнадцатеричным кодом. 


Коми Со!ог: АКегпае (Цвет фона строк: чередование). Задает очеред- 
ность повторения первого и второго фоновых цветов. Представ- 
ляет собой список, в котором перечислены варианты чередова- 
ния. Первый пункт (40 по айетае — без чередования) означает 
отказ от комбинирования цветов. В этом случае все рабочие строки 
таблицы закрашиваются первичным цветом. Следующие пункты 
задают правила раскраски: Еуегу О{пег Комз (Через одну строку), Емегу 
Тмуо Во\мз (Через две строки) и Т. д. 


Тор Во\: Айдп (Первая строка: выравнивание). Задает выравнивание 
текста первой строки таблицы. Первая строка считается заголо- 
вочной, она хранит названия заголовков информационных столб- 
ЦОВ. 


Тор Во\: Тех+ $1Уе (Первая строка: начертание). Задает стиль тексто- 
вого содержимого первой строки. 


Тор Во\: Ва Со!ог (Первая строка: цвет фона). Определяет цвет фона 
первой, заголовочной строки таблицы. Его можно задать по имени 
или при помощи шестнадцатеричного кода. 


Тор Во\м: Тех Со]ог (Первая строка: цвет текста). Устанавливает цвет 
текста для первой строки таблицы. Этот параметр задается обыч- 
ным для языка НТМЕ способом. 


Ее СоЁ Айоп (Левый столбец: выравнивание). Служит для выбора 
способа выравнивания текстового содержимого левого столбца. 
Он считается заголовочным, предназначенным для описания 
одного из входов таблицы. 


Ее Со!: Теж1 З1уе (Левый столбец: начертание). Задает стиль текста в 
левом столбце таблицы. 
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»®  Вогаег (Рамка). Определяет толщину табличной рамки в пиксе- 
лах. 


®  Арру А! АЧНгЬщез 10 ТО пз{еаа ТВ Тад$ (Добавить атрибуты в дескрип- 
тор ТО). Если установить этот флажок, то все установленные атри- 
буты добавляются в дескрипторы ячеек <!4>, а нев дескрипторы 
строк <>. 


4. Щелкните на кнопке Арр/у (Применить), чтобы применить заданное 
стилевое оформление к таблице, или на кнопке ОК, чтобы применить 
заданные установки и закончить работу с диалоговым окном. 


Рис. 9.13. Настройка предопределенных форматов 


Последний флажок диалогового окна с рекордно длинным для програм- 
мы названием может оказаться полезным в ряде случаев. Во-первых, при 
вложении одной таблицы в другую, когда предопределенный формат при- 
меняется ко внутренней таблице и требуется защитить ее форматирова- 
ние от воздействия кодов внешней таблицы. Во-вторых, когда требуется 
сохранить оформление ячеек при их переносе в другое местоположе- 
ние. Следует помнить, что эта настройка способна значительно увели- 
чить объем файла гипертекстового документа, особенно при воздействии 
на большие таблицы. 
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9.8. Сортировка таблиц 


9.8. Сортировка таблиц 


Сортировка — это штатная операция любого мощного текстового редакто- 
ра, электронной таблицы или системы управления базой данных. Может 
сложиться впечатление, что в редакторе гипертекстовых документов нали- 
чие инструмента с подробными функциями необязательно. Действительно, 
первые поколения редакторов НТМЕ справлялись со своими задачами и 
без этой команды. Прошло то время, когда верхом технической сложности 
считались текстовые документы с анимационной графикой, а мастерство 
дизайнера (и его гонорар) определяли по числу команд гипертекстового 
перехода. Сейчас на виртуальных страницах размещают технические спра- 
вочники, обширные прейскуранты, каталоги продуктов, интерактивные 
учебники, информационная поддержка которых часто основывается на 
больших таблицах. Ручное упорядочение числового или текстового мате- 
риала больших таблиц — это утомительное занятие, связанное с риском 
появления ошибок. 


В программе есть специальная команда сортировки таблиц с числовым или 
текстовым наполнением. Операции этого типа хорошо известны и широко 
распространены в программах различного целевого назначения. Отличи- 
тельной особенностью сортировки в программе Огеатмеауег является то, 
что она сохраняет заданные признаки форматирования строк. 


В процессе сортировки программа переставляет целые строки, не разры- 
вая их на отдельные ячейки. В качестве критерия выбираются числовые 
или текстовые данные в одном из столбцов таблицы. Разрешается задавать 
два критерия: по первому выполняется основная сортировка, второй слу- 
жит для тонкой сортировки в пределах групп строк, которые имеют одина- 
ковые значения основного критерия. 


Сортировка таблицы выполняется следующим образом. 


1. Выберите таблицу. Для этого, например, можно воспользоваться коман- 
дой МоаНу » ТаЫе » Зеес{ ТаЫе (Изменить » Таблица »> Выбрать таблицу). 


2. Неснимая выбора с таблицы, дайте команду Соттапа$ » Зо ТаЫе (Ко- 
манды >» Сортировать таблицу). 


3. Задайте необходимые параметры сортировки в диалоговом окне Зо“ 
ТаЫе (Сортировка таблицы) (рис. 8.14). Рассмотрим возможности этого 
диалогового окна. 


о — Зог Бу (Сортировать по). В этот список программа автоматически 
включает все столбцы выбранной таблицы. В нем надо выбрать 
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столбец, значения которого выполняют функции основного кри- 
терия сортировки. 


Огаег (Порядок). Раздел служит для задания порядка сортировки. 
В первом раскрывающемся списке следует выбрать один из двух 
типов сортировки: А!рпаБенса!у (В алфавитном порядке) или 
Митегсайу (В числовом порядке). Второй список задает последова- 
тельность расположения элементов упорядочения. Он тоже состо- 
ит из двух пунктов: Азсепата (По возрастанию) и Везсепатд (По убы- 
ванию). 


Твеп Бу (Затем по). Раздел предназначен для задания параметров 
сортировки по вторичному критерию. Вторичная сортировка 
выполняется только для групп строк, которые обладают одина- 
ковым значением первичного критерия. Все параметры вторич- 
ного критерия задаются так же, как для первичного. 


Зо“ псшаез РЕ!гз{ Коми (Включить в сортировку первую строку). Если 
первая строка таблицы является информационной и должна уча- 
ствовать в упорядочении, этот флажок следует включить. Если 
первая строка представляет собой заголовок, флажок надо сбро- 
СИТЬ. 


Кеер ТК АНнивщез У/ин Зомеа Коми (Сохранить атрибуты дескриптора 
строк). Если требуется сохранить форматирование строк, следует 
установить этот флажок. В этом случае переставляются строки 
целиком, а не только их содержимое. 


4. Шелкните на кнопке ОК. 
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Рис. 9.14. Настройка проиедуры сортировки 


9.9. Вложение таблиц 


Программа Огеатмеауег обрабатывает пустые поля так же, как любая 
другая программа или утилита, выполняющая сортировку. Пустое зна- 
чение считается «меньше» любой литеры или числа, поэтому при сорти- 
ровке по возрастанию такая строка окажется на первом месте, а при сор- 


9.9. Вложение таблиц 


Программа Огеатмеауег разрешает создавать вложенные таблицы. Следует 
отметить, что эта весьма ресурсоемкая операция реализована в программе 
очень чисто. Несмотря на то что в стандарте языка гипертекстовой разметки 
не оговариваются ограничения на создание многоуровневых таблиц, мно- 
гие гипертекстовые редакторы начинают сбоить или выдают сообщения о 
недопустимых действиях примерно на третьем уровне иерархии. Пользо- 
ватель Огеатмеауег может создать сложную иерархическую систему с мно- 
гократным включением таблиц в ячейки табличных контейнеров. Но воз- 
можность не означает необходимость. Большинство реальных задач 
планировки и размещения гипертекстовых страниц находят эффективное 
решение при помощи таблиц с однократным вложением. Требуются очень 
веские аргументы, чтобы оправдать двукратное или еще более глубокое вло- 
жение таблиц. На рис. 9.15 показана возможная планировка заглавной стра- 
ницы гипотетического корпоративного сайта. 


ео прое ово поро учи ново ноонич" 1 нео опо нии ионов оч пояс чот у о буо зо рово ров сонное я ао офа ро чан о очно + ооо чо о зо ооо о опа зору во оо зоо оон роя о по оо ао порооонень 


еек воине ово овуеое воз ово фо о вое почет о ль т ово фо пи розае ооо ооо оно ра чар ооо оон о чото вот ов ооо с опруюч а пи о зоо тона вора оа ол анна оо зоо чае ива новь чо тия ра вовне 


Бай | 


ии ее очно зоне очен А ао очен ва ие ноеьие Кожи хочет ии к чим зо ната наче втвнноей $ 19 


оправы ов веть 
ероваооовьвцое» 


м ео хрен у ева еее стань, Боно те ее ева роса оу учении ие фурор ние в  ере к у ео оное тим высоте вата и пи ни тича таяние неа ьи вен сннуй 


Рис. 9.15. Планировка странии при помощи вложенных таблии 
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Приведем несколько простых рекомендаций по созданию иерархических 
таблиц. 
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Целесообразно начать планировку страницы с создания ее эскиза. С этой 
ролью успешно справится и простой карандашный набросок, кото- 
рый дает ясное представление о разбиении гипертекстовой страницы 
на области и подобласти. Предварительно отработанный план позво- 
лит минимизировать трудоемкие эксперименты с такими громозд- 
кими объектами, каковыми являются неоднородные иерархические 
таблицы. 


Не следует забывать о таком эффективном средстве выделения объек- 
тов, как селектор разметки. В процессе работы с вложенными табли- 
цами к его услугам приходится прибегать гораздо чаще, чем в обыч- 
ной ситуации. Визуальный режим работы далеко не всегда позволяет 
разобраться в хитросплетениях рамок, объединенных ячеек и вложен- 
ных таблиц. Последовательность тегов селектора дает ясное представ- 
ление о соподчиненности таблиц и их структуре и позволяет одним 
щелчком выделить искомый объект. 


Во многих случаях вложение таблиц является хорошей альтернативой 
разбиению ячеек. Предположим, что для решения некоторой дизай- 
нерской задачи требуется разделить ячейку на несколько составляю- 
щих. Если речь идет о регулярной таблице со слабым информацион- 
ным наполнением, то эта простая операция не вызывает никаких ос- 
ложнений. В неоднородных таблицах, насыщенных данными, разби- 
ение ячеек — это источник дополнительных возмущений, способный 
нарушить хрупкое равновесие всей «конструкции». При вставке таб- 
лицы с требуемым числом ячеек все изменения носят локальный 
характер и не распространяются за пределы данного контейнера. 


Для задания размеров внутренних и внешних таблиц следует исполь- 
зовать разные системы измерения. Для таблиц-контейнеров лучше 
подходит абсолютная система, когда их габариты задаются в пиксе- 
лах и не зависят от ширины экраны. Для вложенных таблиц относи- 
тельная система измерения является более предпочтительной. Впро- 
чем, это правило имеет рекомендательный характер. 


если в процессе вставки таблиц не удается добиться плотного кон- 
такта границ, то, скорее всего, это вызвано пробельными зонами, кото- 
рые оставляет программа между ячейками. По умолчанию их размер 
составляет два пиксела. Напомним, что за этот табличный параметр 
отвечает поле Се!Зрасе (Интервал) палитры свойств. Чтобы убрать 
зазор между ячейками, введите в это поле нулевое значение. 


9.9. Вложение таблиц 


С технической точки зрения, процедура создания вложенных таблиц ничем 
не отличается от вставки на свободное страничное поле. 


1. Поместите текстовый курсор в ячейку таблицы-контейнера. 

2. Дайте команду вставки. Напомним существующие альтернативы: 
е команда пзем » ТаЫе (Вставка » Таблица); 
» комбинация клавиш СТВЕ+АЕТ+Т; 


е щелчок на кнопке |пзег ТаЫе (Вставить таблицу) палитры ОБеси$ 
(Объекты); 


® перетаскивание ЭТОЙ КНОПКИ. 
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Пользователям текстовых редакторов и настольных издательских систем, 
привыкшим свободно распоряжаться рабочим пространством страницы, 
могут показаться странными те ограничения, которые накладывает язык 
гипертекстовой разметки на размещение текста и объектов. Так, версталь- 
щик, работающий в системах ОцаКХргезз или ЕгатеМакег, волен поместить 
в любое место страницы текстовый или графический блок; им не требуется 
никакая внешняя форма для привязки координат и резервирования «жиз- 
ненного пространства». Сама страница в пределах рабочей области, огра- 
ниченной установленными полями, является контейнером, свободным для 
наполнения его текстом или графикой. 


Иначе обстоят дела в языке НТМЕ и визуальных редакторах, предназна- 
ченных для работы с гипертекстовыми документами. Язык логической раз- 
метки в силу своей неметрической природы отдает предпочтение средствам 
относительного позиционирования объектов. В чистом языке НТМЕ мало 
средств, позволяющих координировать объекты при помощи привязки к 
некоторой фиксированной системе отсчета. По этим причинам размеще- 
ние объектов в пределах страницы НТМЕ невозможно без предваритель- 
ной подготовки, заключающейся в разбиении страницы на области, спо- 
собные служить хранилищами текстовой или графической информации. 
Эта работа напоминает разлиновку чистой страницы, которая превращает 
ее в форму или бланк, чьи поля будут заполнены цифрами квартального 
отчета или данными производственной сводки. 


Самыми удобными и мощными средствами предварительной компоновки 
гипертекстовой страницы являются таблицы и слои. Иер-дизайнеры все- 
гда знали о способности таблиц служить удобным средством макетирова- 
ния и использовали их в этом качестве с появления первых версий языка 
гипертекстовой разметки. 


Четвертая версия программы Огеатмеауег сделала еще один шаг в этом на- 
правлении. В программе появился специальный режим Гауоц меми (Макети- 
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рование), предназначенный для решения задач компоновки документов. Раз- 
работчику предоставляется удобный графический интерфейс и специаль- 
ные средства, которые поддерживают естественный, интуитивный стиль 
создания страничного макета. Всю техническую сторону работы берет на 
себя программа. Она генерирует табличную структуру, которая обеспечи- 
вает созданную пользователем планировку страницы. 


Следует отметить, что аналогичных результатов можно добиться, исполь- 
зуя традиционную технику работы с таблицами, рассмотренную в преды- 
дущей главе. Но режим макетирования с его специализированными инст- 
рументами дает возможность пользователю сосредоточиться на содержа- 
тельных аспектах компоновки, освобождая его от технических деталей и 
рутинных процедур. 


В полиграфическом производстве макетом принято называть бумажные 
листы в формате будущего издания с расклеенными оттисками гранок тек- 
ста и иллюстраций. По аналогии с традиционной печатной технологией будем 
называть макетированием режим работы программы, предназначенный для 
создания пространственной структуры страницы. 


Для перехода в этот режим требуется щелкнуть по кнопке [ауоц! Мем (Маке- 
тирование), которая расположена в правом нижнем углу палитры ОБеси$ 
(Объекты) (СТКЕ-Е2), показанной на рис. 10.1, или дать команду Мем » ТаЫе 
Ме\м »> Гауоц{ Ме\м (Вид » Вид таблицы » Макетирование). Кроме того, команда 
имеет клавиатурный эквивалент — комбинацию клавиш СТКЕ-+Еб. Для воз- 
вращения в обычный режим планировки страницы достаточно щелкнуть 
по кнопке ${апдага Ме\м (Обычный режим) палитры ОШес$ (Объекты). 


Рис. 10.1. Кнопки режима макетирования 
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Программа извещает пользователя о предстоящем изменении режима работы 
и правилах его использования. Для этого она выводит диалоговое окно 
Сета З1а{ед т Гауоц! Ме\ми (Начало макетирования), показанное на рис. 10.2, в 
котором дает краткое описание основных инструментов. Чтобы запретить 
вывод окна в дальнейшем, надо установить флажок Ооп”4 зНо\м/ те {11$ теззаде 
адат (Больше не показывать это сообщение). 

ед п Гауош! Меч 


— и 


Рис. 10.2. Информационное окно режима макетирования 


10.1. Макетные ячейки и таблицы 


Основными строительными конструкциями макета страницы являются 
ячейки ({ауоие се) и таблицы ([ауои а). Макетная ячейка — это неза- 
висимая прямоугольная область страницы, выполняющая функции храни- 
лища информации. Макетная таблица служит для ячеек контейнером и 
координатной сеткой одновременно. В процессе планировки страницы роли 
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между пользователем и программой распределяются следующим образом. 
Дизайнер в режиме, близком к рисованию, создает макетные ячейки, а про- 
грамма Огеат\меауег автоматически генерирует макетную таблицу, позво- 
ляющую реализовать авторскую компоновку страницы. 


Какие отношения существуют между ячейками, таблицами и страницами? 


Ячейки существуют изолированно от таблиц; каждая из них обязана при- 
надлежать своему табличному контейнеру. Макетная таблица может состо- 
ять из нескольких ячеек, причем последние даже не обязаны быть смежны- 
ми, то есть иметь общую границу. Каждая новая ячейка вписывается в суще- 
ствующую систему строк и столбцов или меняет разметку таблицы в соот- 
ветствии со своими размерами и положением. На странице разрешается 
размещать несколько макетных таблиц, но их взаимное расположение жест- 
ко регламентируется программой. Наконец, можно создавать иерархичес- 
кие контейнеры, состоящие из макетных таблиц, вложенных друг в друга. 


Рис. 9.3. Макетная таблица с двумя ячейками 


Нарис. 9.3 показан пример простой таблицы, состоящий из двух макетных 
ячеек. В заголовках столбцов выводится их ширина в пикселах. Ярлычки, 
расположенные справа от указателей габаритов, открывают доступ к меню. 


Разрешается менять размеры ячеек и таблиц. Ячейки не могут перекры- 
ваться, поэтому изменение размеров отдельной клеточки способно повли- 
ять на габариты ее соседей по макетной таблице. 
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Таблицы разбивают пространство страницы на совершенно независимые 
монтажные области, обладающие свободой информационного наполнения 
и независимостью геометрических параметров. 


Компоновка страницы — это обычно первая операция в цикле работ по про- 
ектированию дизайна и информационному наполнению страницы. Поэтому 
выглядит обоснованным предположение о том, что средства макетирования 
применяются к изначально пустой странице. Но программа не запрещает 
создавать макетные таблицы и ячейки на странице с непустым содержанием. 
В этом случае новые макетные таблицы программа размещает в нижней 
части страницы, под ее исходным наполнением. Ранее созданные таблицы 
превращаются в макетные, а их клеточки становятся макетными ячейками. 


10.2. Создание макетных объектов 


Создание таблиц и ячеек своей техникой напоминает рисование обычных 
прямоугольников. Инструменты рисования становятся доступными только 
после перехода в режим макетирования. Для первой нарисованной ячейки 
программа автоматически порождает макетную таблицу, причем ее ширина 
совпадает с размером окна документа. 


Итак, нарисовать макетную ячейку можно следующим образом. 


1. Перейдите в режим макетирования. Для этого щелкните на кнопке 
Е ауоц{ Меми (Макетирование), расположенной в правой нижней части 
палитры объектов, или дайте команду Мем » ТаЫе Ме\ми > Г ауоц! Мтеми (Вид 
> Вид таблицы » Макетирование). 


2. Выберите инструмент рисования макетных ячеек. Для этого щелкните 
на кнопке Огам Гауоц! Се! (Рисование макетной ячейки) палитры объектов. 
Указатель мыши примет форму крестика, что является признаком 
готовности операции. 


3. Переведите указатель в место страницы, выбранное для размещения ячейки, 
и протягиванием задайте прямоугольник, соответствующий ее разме- 
рам. 


быч- 
ное состояние. Чтобы нарисовать несколько ячеек, не выбирая повтор- 
но этот инструмент из палитры объектов, надо удерживать нажатой кла- 
вишу СТК. 
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Макетные ячейки и таблицы различаются не только по поведению и функ- 
циям, но и по внешнему виду. Перечислим все видимые отличия. 


» Цвет граничной рамки. По умолчанию таблицы получают зеленую 
границу, а ячейки обводятся рамкой синего цвета. 


» Цвет фона. Табличный фон окрашен в серый цвет, что пользователями 
Упаои5 воспринимается как цвет неактивности, недоступности. Этот 
тон выбран не случайно: ввод данных непосредственно в таблицы 
запрещен. Ячейки имеют белый фон. 


е Еще одним отличительным признаком макетных таблиц служит 
специальный корешок зеленого цвета, расположенный слева. 


Новые ячейки должны быть вписаны в существующую систему строк и 
столбцов макетной таблицы. Эту задачу существенно упрощает режим 
захвата, который действует в окрестности границ и внутренних линий таб- 
лицы. Размер области притяжения равен восьми пикселам. Для временного 
отключения режима захвата надо удерживать нажатой клавишу АЁТ. 


Если новая ячейка не вписывается в существующую систему разметочных 
линий таблицы, то программа создает новые горизонтальные и вертикаль- 
ныелинии по размерам «нестандартной» ячейки. Разрешается рисовать макет- 
ные ячейки, занимающие несколько столбцов или несколько строк. 


Какие операции с ячейками считаются нелегальными? Запретов немного. 
Во-первых, ячейки не могут перекрываться. Во-вторых, любая макетная 
ячейка должна принадлежать одной из макетных таблиц страницы; она не 
может занимать произвольную позицию на странице с непустым инфор- 
мационным наполнением. 


Создать новую макетную таблицу можно следующим образом. 
1. Перейдите в режим макетирования (СТКЕ+Еб). 


2. Выберите инструмент рисования таблиц. Для этого щелкните на кнопке 
Огами Гауоц!{ ТаЫе (Рисование макетной таблицы), расположенной в нижней 
части палитры объектов. 


3. Переведите указатель мыши в место, где будет расположена таблица, и 
протягиванием укажите прямоугольник по ее размерам. 


Первая макетная таблица автоматически размещается в верхней части стра- 
ницы слева. Чтобы создать несколько таблиц за один сеанс работы с инст- 
рументом, надо удерживать нажатой клавишу СТКВЕ. Правила размещения 
и ограничения на взаимное положение макетных таблиц почти дословно 
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повторяют все сказанное о макетных ячейках. Есть лишь одно существен- 
ное различие. Таблицы разрешается вкладывать в другие таблицы. 


Если страница + не является пустой, 1 то новая макетная я таблица размеща- 
ется в ее нижней части под ранее созданными объектами и текстом. 


Компоновку гипертекстовой страницы можно существенно упростить, если 

рисовать макетные таблицы и ячейки по разметочной сетке. Работа с этим 

элементом управления и его настройки рассматривались в разделе, посвя- 

щенном гипертекстовым документам. Здесь напомним лишь несколько основ- 
‚ ных приемов. 


Разметочная сетка создает систему опорных линий (горизонтальных и вер- 
тикальных), которые облегчают позиционирование и выравнивание объек- 
тов. Точная взаимная координация — это одно из важнейших условий созда- 
ния работоспособного макета страницы. 


Для сетки можно включить режим притяжения или захвата (5пар ю =па). 
В этом случае объекты, расположенные возле опорных линий, притягива- 
ются к ним и сохраняют свое положение при попытке выполнить неболь- 
шое смещение. 


Все команды управления разметочной сеткой расположены в меню Мем » Спа 
(Вид » Разметочная сетка). Чтобы вывести ее на экран, дайте команду Зпом 
Спа (Показать сетку) из этого меню или воспользуйтесь комбинацией кла- 
виш СТВЕ+АЕТ+С. Режим захвата активируется по команде Зпар То Спа (Зах- 
ват) или при помощи громоздкой клавиатурной комбинации СТКЕ+АЕТ+$НЕТ+С. 


Наполнение макетных ячеек можно выполнять в любом режиме: ${апдага 
Меми (Обычный режим) или 1аусц{ Меми (Макетирование). Поведение ячеек в про- 
цессе создания контента почти не отличается от поведения ячеек обычных 
таблиц. Это и понятно, если вспомнить тот факт, что макетные таблицы 
представляют собой удобную графическую форму представления обычных 
таблиц, дополненную несколькими простыми сервисными функциями. 


При работе с‹ со сложными 1 страницами < с насыщенной й неоднородной к ком- 
поновкой целесообразно придерживаться следующей схемы. В режиме 
макетирования создайте основную «несущую конструкцию» страницы и 
внесите в главные макетные ячейки информацию о выполняемых функ- 
циях. Затем перейдите в стандартный режим и продолжите работу по 
созданию к контента в этом и режиме. 
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10.3. Редактирование таблиц и ячеек 


Макетные ячейки и таблицы — это не застывшие формы; их можно редак- 
тировать. Для этого программа не предлагает принципиально новых воз- 
можностей. Арсенал средств редактирования макетных таблиц и ячеек пред- 
ставляет собой комбинацию хорошо знакомых технических приемов, осно- 
ванных на элементарных операциях с мышью и стандартных клавиатур- 
ных сочетаниях. 


Приведем их краткое описание: 


® Выбор. Для выбора таблицы достаточно щелкнуть мышкой на любой 
точке фона. Чтобы выбрать ячейку, щелкните на ее границе или при 
нажатой клавише СТВЕ на любой точке фона. 


» Удаление. Выбранная таблица или ячейка удаляется при помощи 
стандартных клавиш ОЕТЕТЕ или ВАСК$РАСЕ. 


® Изменение размеров. Чтобы изменить размеры выбранного макетного 
объекта, надо зацепить мышкой граничный маркер и перетащить его. 
Маркер разрешается перемещать только на свободное место. Для 
ячейки это фон таблицы, для таблицы таковым служит свободная зона 
страницы. 


® Перемещение. Перемещение выбранной ячейки выполняется при помо- 
щи курсорных клавиш. Если при этом удерживать нажатой клавишу 
НИТ, скорость увеличится и составит десять пикселов за одно нажа- 
тие. Можно использовать и перетаскивание. Для этого надо зацепить 
мышкой любую точку границы ячейки. 


Более сложные операции форматирования и редактирования макетных таб- 
лиц и ячеек выполняются средствами палитры Ргорему пзрес{юг (Инспектор 
свойств). Напомним, что эта панель обладает свойством контекстной чув- 
ствительности, и, чтобы привести ее в состояние готовности, надо выбрать 
любой объект данного класса. 


Рис. 10.4. Средства форматирования макетных ячеек 
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Рассмотрим возможности палитры по форматированию макетных ячеек 
(рис. 10.4). 


Нхед (Фиксированная ширина). Задает фиксированную ширину ячейки. 
Значение вводится в поле справа от переключателя. Единица изме- 
рения — пикселы. 


Ашозитетсй (Автоподбор). Выбирает режим автоматического подбора 
ширины ячейки. В этом случае ячейка расширяется или сжимается 
таким образом, чтобы подогнать ширину под свободное пространство 
окна программы просмотра или редактора НТМЕ. 


Неон (Высота). Задает высоту ячейки в пикселах. 


Ва (Цвет фона). Служит для выбора цвета фона. Этот раздел реализо- 
ван как стандартный инструмент программы, предназначенный для 
выбора цветов из палитры. 


Ногг (Выравнивание по горизонтали). Выбирает вид выравнивания со- 
держимого ячейки по горизонтали. 


\Уеги (Выравнивание по вертикали). Служит для выбора выравнивания 
содержимого ячейки по вертикали. Виды выравнивания, которые 
можно назначить в этих двух разделах палитры, совпадают с типами 
выравнивания обычных таблиц. 


№ \М\гар (Без переноса). Запрещает перенос текста на новую строку. 


Большая часть средств форматирования макетных таблиц находится в па- 
литре Ргорему |пзрес{ог (Инспектор свойств). На рис. 10.5 показано состояние, 
которое принимает эта палитра при выборе макетной таблицы. Многие ин- 
струменты форматирования таблиц и ячеек совпадают не только по смыслу 
и технике использования, но и по их изображению в палитре свойств (см. 
рис. 10.4 и рис. 10.5). Рассмотрим ресурсы, которые применяются только к 
таблицам. 
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Се!Рад (Поля). Как и для обычных таблиц, этот раздел хранит размер 
внутренних полей макетных ячеек. 


Се!Зрасе (Интервалы). Свободное пространство между ячейками. 


С!еаг Коми НеаН*$ (Сброс значений высоты строк). Это левая верхняя из 
четырех кнопок, расположенных в правой части палитры. Она убирает 
атрибут, отвечающий за высоту ячеек, из всех дескрипторов макет- 
ной таблицы и ее элементов. Снятие этого атрибута является, факти- 
чески, командой для автоматического подбора высоты, что приводит 


Рис. 10.5. Средства форматирования макетных таблии 


к «вертикальной усадке»> макетных ячеек. Таблица без макетных ячеек 
полностью сворачивается по вертикали. 


Маке Сей ММ аи $ Сопз!4{еп* (Согласовать ширину строк). Если в ячейку с 
фиксированной шириной ввести данные, горизонтальные габариты 
которых превосходят размер ячейки, то в заголовке столбца отобра- 
жаются два числа. Первое указывает заданную ширину; это число при- 
своено атрибуту ман дескриптора <1а>. Второе число в скобках дает 
фактическое значение ширины. Эта кнопка обеспечивает обновление 
атрибутов ширины, которые получают новые значения, соответству- 
ющие текущим габаритам столбцов. Эта кнопка расположена вверху 
справа. 


Кетоуе А! Зрасегз (Удалить фиксаторы). Удаляет вспомогательные гра- 
фические объекты, которые выполняют функции фиксаторов шири- 
ны столбцов. Кнопка расположена слева внизу. 


Кетоуе №ез# тд (Удалить вложение). Устраняет вложение макетных таб- 
лиц. При этом макетные ячейки вложенных таблиц и их содержимое 
не исчезают, а становятся частью внешней таблицы. Кнопка распо- 
ложена внизу справа. 


10.4. Регулирование ширины ячеек 


Существует два способа задания ширины для столбцов макетных таблиц и 
их ячеек. Первый из них называется в программе Рхеч (Фиксированная шири- 
на). Он подразумевает явное указание горизонтальных габаритов столбца. 
В большинстве случаев применяется именно такая система определения 
горизонтальных размеров. Второй способ носит название Амоз1тесн (Авто- 
подбор). Он основан на автоматическом изменении ширины столбцов. В этом 
случае программа самостоятельно выбирает ширину, опираясь на налич- 
ное свободное пространство окна броузера или гипертекстового редактора. 


Пусть некоторая гипертекстовая страница поделена на два вертикальных 
раздела. В левом должно располагаться управляющее меню с навигацион- 
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ными кнопками, а правая часть страницы — это основной информацион- 
ный раздел. Такая планировка реализуется при помощи простой макетной 
таблицы, состоящей из двух столбцов. Причем для левого столбца целесо- 
образно выбрать фиксированный размер, а для правого установить режим 
автоподбора. Это решение обеспечивает доступность содержимого страницы 
и сохраняет наглядность навигационной системы всего документа. 


Способ задания ширины является общим для всех ячеек столбца макетной 
таблицы. Если выбрано фиксированное указание ширины, то в заголовоч- 
ной части столбца выводится значение его горизонтальных габаритов в 
пикселах. Признаком автоматического изменения размеров служит волни- 
стая линия в этой позиции. 


Изменить способ задания ширины столбца можно следующим образом. 


1. Шелчком на ярлыке в заголовочной строке столбца откройте меню 
(рис. 10.6). 


Рис. 10.6. Меню настройки столбиа макетной таблицы 


2. Дайте команду Маке Соштп Ашоз4гетсй (Включить автоподбор ширины стол- 
бца), если требуется задать автоматический выбор размеров, и команду 
Маке Со!итп Е/хеа М/айн (Задать фиксированную ширину столбца) для уста- 
новки фиксированной ширины. 


Столбцы, для которых задан режим автоматической регулировки ширины, 
в некоторых ситуациях способны до минимума сокращать размеры по гори- 
зонтали или даже полностью «схлопываться». Небольшая ширина столб- 
цов значительно затрудняет все операции с ними — даже простой выбор 
становится проблемой. Для сохранения размеров столбцов используются 
специальные «распорки», именуемые в программе 5расет; (фиксаторы). Эту 
роль играют невидимые графические объекты. Программа размещает изоб- 
ражение-распорку в нижней ячейке столбца. Верхняя граница таких стол- 
бцов получает двойное подчеркивание. 


Перед вставкой фиксатора требуется определить, какое изображение дол- 
жно выполнять эти функции и где оно расположено. Одного такого объекта 
достаточно для всех документов \ер-узла. Связать с сайтом графический 
файл, хранящий «распорку», можно следующим образом. 
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1. Установите для любого столбца таблицы автоматическую регулиров- 
ку ширины. В этом случае во все столбцы с фиксированной шириной 
программа самостоятельно поместит графические фиксаторы. Если эта 
операция должна быть выполнена только для определенного столбца, 
надо открыть меню щелчком на ярлыке в заголовке столбца и дать ко- 
манду Ада Зрасег |таде (Добавить графический фиксатор). 


2. При первом обращении к операции вставки фиксатора программа ото- 
бражает диалоговое окно Скоозе Зрасег |таде (Выбрать фиксатор), пока- 
занное на рис. 10.7, в котором предлагает воспользоваться стандарт- 
ным графическим фиксатором или выбрать для этих целей другое изо- 
бражение. Для выбора первого варианта установите переключатель 
Сгеае а зрасег {таде Ше (Создать файл фиксатора), второй вариант выби- 
рается при помощи переключателя Цзе ап ех!${пд зрасег!таде 1е (Исполь- 
зовать существующий фиксатор). В качестве стандартного фиксатора про- 
грамма использует однопиксельное прозрачное изображение в формате 
С1Е. Графический файл носит характерное имя зрасег.а!. Специальным 
фиксатором может служить любое растровое изображение, записанное 
в одном из допустимых для И\У’ форматов. Программа самостоя- 
тельно изменяет масштаб рисунка, если его размеры не соотвествуют 
требуемым габаритам. После масштабирования фиксатор получит сле- 
дующие размеры: один пиксел по высоте и ширину, равную ширине 
столбца. 


3. Щелкните на кнопке ОК. 


'СНоозе Зрасег Нпа 


Рис. 10.7. Установка фиксатора 


Чтобы вставить фиксатор в столбец, используется команда Ада Зрасег |таде 
(Добавить фиксатор). Это второй пункт меню, открываемого при щелчке на 
треугольном ярлыке в заголовочной части столбца. В этом меню также есть 
две команды для удаления фиксаторов: Кетоуе А! Зрасег |таде (Удалить все 
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10. Компоновка страницы 


фиксаторы) и Кетоуе Зрасег |таде (Удалить фиксатор). Первая команда ликви- 
дирует графические распорки во всех столбцах макетной таблицы, вторая 
освобождает только текущий столбец. 


10.5. Настройки режима макетирования 


Многие рассмотренные в предыдущих разделах этой главы свойства и пара- 
метры режима макетирования допускают изменение. Все доступные настро- 
ечные параметры расположены в разделе 1ауош Мем (Макетирование) диа- 
логового окна Рге{егепсе$ (Настройки) (СТКЕ+И), открывающего доступ к основ- 
ным изменяемым характеристикам программы. На рис. 10.8 показаны все 
настройки режима макетирования. Рассмотрим их. 


оде Веми та 

3$ ЭМе$ 

Пе Туре$ / ЕЧКог$ 
оп{$ { Епсодтд 
аа па 

изЫе Еетет$ 


ге\лечи п Вгомиузег 
шсК Тад Ебцог 
Не 

{аи Ваг 


Рис. 10.8. Настройки режима макетирования 


е Ашотзег( Зрасег$ У/Неп Макта Ащоз1гесй ТаЫез (Вставлять фиксаторы при 
включении автоподбора столбцов). При выборе этого переключателя про- 
грамма автоматически размещает фиксаторы во всех столбцах с фик- 
сированной шириной, если хотя бы для одного столбца выбран режим 
Ашщозгетси (Автоподбор). 
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Ащотзеги Зрасег$ Меуег (Не вставлять фиксаторы). Переключатель запре- 
щает автоматическую расстановку фиксаторов. 


брасег |таде Рог Зе (Фиксатор для сайта). Список служит для выбора 
сайта, со всеми документами которого требуется связать определен- 
ный графический фиксатор. 


|таде РИе (Файл изображения). Выбор файла изображения для 
фиксатора. 


Се! Ош пе (Цвет рамки ячейки). Выбор цвета рамки макетной ячейки. 
По умолчанию для этих целей используется светло-голубой тон. 


Се! НанИон (Тон подсветки ячейки). Выбор тона для подсветки макет- 
ной ячейки. Граница ячейки меняет цвет при наведении на нее указа- 
теля мыши. По умолчанию в такой ситуации ячейка выделяется крас- 
ным цветом. 


ТаЫе Ои те (Цвет рамки таблицы). Выбор цвета рамки макетной таблицы. 


ТаЫе Васкогоипа (Цвет фона таблицы). Выбор цвета фона макетной таб- 
ЛИЦыЫ. 
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11. Формы 


Если провести инвентаризацию отличий гипертекстовых и бумажных доку- 
ментов, то в этом перечне второе по важности место после гипертекстовых 
ссылок занимает свойство, которое принято называть интерактивностью. 
Формы — это одно из важнейших средств организации обратной связи между 
пользователем, просматривающим еб-страницу, и компьютером, на кото- 
ром она расположена. Формы являются статической основой, на которой 
базируется динамическое интерактивное взаимодействие между клиентом 
и сервером. 


Трудно даже перечислить варианты полезного применения форм на интер- 
активных гипертекстовых страницах. На их основе работают гостевые книги, 
они активно используются в системах электронной коммерции, без форм 
невозможно организовать опрос посетителей и работу рейтинговой системы. 


Сами формы как объекты языка НТМЕ обеспечивают только отображение 
и сбор информации. Ее обработка выполняется специальными программ- 
ными средствами. Обычно в этой роли выступают так называемые сцена- 
рии СС1 (Соттоп Сшешау риегГасе), написанные на разных языках про- 
граммирования. Сложные функции обработки реализуются на языках Реп, 
С++, Гаоа. Для простых алгоритмов обработки информации применяется 
язык /асазспри. 


Вся статическая часть формы заключается внутрь контейнера, ограничен- 
ного дескрипторами <‘югт> и < /югт>. В отличие от таблиц формы не раз- 
решается вкладывать друг в друга, но нет запретов на размещение несколь- 
ких таких объектов на одной странице. Среди примерно десятка атрибу- 
тов, управляющих поведением формы, самыми важными являются два. 


»е Атрибут тетод дает информацию о способе передачи на сервер инфор- 
мации, собранной формой. Он может принимать два значения — де 
и роз*. В первом случае данные пересылаются вместе с адресом СКГ. 
Это накладывает жесткие ограничения на длину передаваемого сооб- 
щения, поэтому данный метод в настоящее время применяется редко. 
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Во втором случае накопленная информация пересылается в виде от- 
дельного сообщения на стандартные каналы ввода-вывода обрабаты- 
вающей программы. Для этого метода не существует принципиаль- 
ных ограничений на объем передаваемой информации. 


» Атрибут асйоп задает способ обработки полученной формы. Его зна- 
чением может быть адрес (КГ. программного средства, предназначен- 
ного для обработки содержимого формы, или адрес электронной по- 
чты для ее пересылки. 


Так, дескриптор 
<Югт тефод="роз!" аспоп="ННр:/ /мимми ава. /со-Ыт/тайсай.р!> 


предписывает передать содержимое формы программе Рей, расположен- 
_ ной по указанному адресу. 


Внутри дескрипторных скобок, ограничивающих форму, могут располагать- 
ся различные объекты НТМЕ, предназначенные для ввода информации. 
Основную нагрузку по сбору и хранению пользовательской информации 
несут на себе дескриптры <Чежагеа>, <зе!ес!> и <трш>. 


Дескриптор <1ежагеа> предназначен для ввода больших массивов тексто- 
вой информации. Объем вводимого текста не ограничен; кроме того, пользо- 
ватель имеет возможность указать ширину и высоту области ввода. 


Дескриптор <зеес{> используется для создания раскрывающегося списка 
или списка с полосой прокрутки. Дескриптор является контейнером, внутрь 
которого заключаются описания всех пунктов. 


Дескриптор <три!> является одиночным тегом. Это одно из самых полез- 
ных средств организации форм. С помощью этого дескриптора можно со- 
здавать самые разные структурные элементы: флажки, кнопки отправки, 
поля для ввода пароля, флажки, текстовые поля, переключатели и пр. Тип 
структурного элемента задается при помощи атрибута 1уре. Например, дес- 
криптор | 


<три!/уре="зуБт!" пате="Зепа _БиНоп" уайше='Переслать"> 


создает кнопку с надписью Переслать, предназначенную для отправки сооб- 
щений на сервер. 


11.1. Вставка форм 


Формы вставляются в документ подобно другим объектам программы. 
Сначала надо поместить курсор в то место документа, которое выбрано для 
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Рис. 11.1. Объекты формы 


привязки формы, а затем дать команду вставки. Программа располагает 
несколькими вариантами выдачи этой команды. Это команды |пзем » Рогт 
(Вставка > Форма), пзег* > Рогт ОШес* (Вставка > Объекты формы) и раздел 
Рогтз (Формы) палитры ОБес!з (Объекты) (рис. 11.1). 


Созданная форма помечается в окне документа пунктирным прямоуголь- 
ником с границей красного цвета. Этот способ выделения работает, если, 
во-первых, включен режим Мем »> \М!зиа! Аз »> пмыЫе Еетеп{$ (Вид » Слу- 
жебная разметка > Скрытые объекты) и, кроме того, в основных настройках 
программы в разделе име Еетег!з (Скрытые объекты) выставлен флажок 
Рогт Ое!тКег (Граница формы). 


Естественная последовательность создания формы требует, чтобы вначале 
был создан контейнер — пзег\ > Рогт (Вставка > Форма), а потом в нем были 
размещены все необходимые структурные элементы — 1пзег* > Рогт ОБес{ 
(Вставка > Объекты формы). При попытке вставить структурный элемент на 
свободное пространство страницы программа отображает окно, в котором 
предлагает добавить дескриптор формы. Если пользователь ответит согла- 
сием, то контейнер создается автоматически. 


Перечислим все структурные составляющие форм. 


® Тех! Ре (Текстовое поле). Этот элемент управления предназначен для 
ввода текста, который может отображаться в одну строку (те йпе), 
в несколько строк (ти Ппе) или представляться звездочками 


(раззшота). 
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11.1. Вставка форм 


® Виоп (Кнопка). Кнопка инициирует выполнение заданных действий. 
Это может быть команда отправки данных на сервер или восстанов- 
ление исходных значений полей формы. Название кнопки можно 
менять. 


® СНескВох (Флажок). Этот элемент упрвления позволяет включить или 
отключить какой-то режим или выбрать один из двух вариантов от- 
вета на вопрос (да или нет). 


® Кадю Ви{оп (Переключатель). Группа переключателей позволяет выбрать 
один вариант из предложенного набора. 


® [15{/Мепи (Список/Меню). Создает стандартный элемент управления 
приложений Ит40о5 — раскрывающийся или обычный список. Этот 
объект может содержать полосы прокрутки. Он служит для выбора 
одного или нескольких вариантов из предложенного набора. 


® Гие Неа (Файловое поле). Предназначено для ввода или поиска имени 
файла. Процедура поиска запускается щелчком на кнопке Вгомизе (Обзор), 
расположенной справа от этого поля. 


® |таде Нез (Графическое поле). Используется для вставки в форму 
рисунка. 


® Ндеп Нез (Скрытое поле). Может хранить информацию, которая не 
вводится пользователем, но требуется процедурой обработки содер- 
жимого формы. В качестве примера можно назвать дату заполнения 


формы. 


® итр Мепи (Меню переходов). Создает меню, каждый пункт которого 
представляет собой команду гипертекстового перехода. 


Большинство структурных элементов форм не требует работы с диалого- 
выми окнами. Исключением является меню переходов, работа с которым 
рассмотрена в главе, посвященной гипертекстовым ссылкам. 


Дополнительная настройка и редактирование формы и ее составляющих 
выполняется при помощи палитры Ргорему |пзрес4ог (Инспектор свойств) 
(СТВЕ+РЗ). Если выбрать форму целиком, то Инспектор свойств откроет доступ 
к общим настройкам, относящимся ко всему объекту. Таковых всего три. 


® Гогт пате (Имя формы). Текстовое поле для ввода собственного имени 
формы. 


® АсНоп (Действие). Поле для задания адреса ИЕГ, или адреса электрон- 
НОЙ ПОЧТЫ. 
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11 Зак. 966 


» Ме!нод (Метод). Этот список определяет способ передачи содержимого 


формы. Он состоит из трех пунктов: Се, Роз{ и Ве{аи{. В первом слу- 
чае информация, введенная в форму, присоединяется к адресу ОАГ. 
Большим недостатком этого способа является ограниченный объем 
послания. Оно не может превышать 8192 символа. Сообщения боль- 
шего объема автоматически обрезаются, что может привести к непред- 
сказуемым последствиям. В большинстве случаев следует использо- 
вать метод Роз+, который пересылает данные в специальном сообще- 
нии и поэтому не имеет столь жестких ограничений по объему. Вари- 
ант Ое!аий оставляет выбор метода пересылки на усмотрение программы 
просмотра. Обычно таким методом является Се. 


Следует отметить некоторые особенности поведения форм на гипертексто- 
вой странице. 
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® Размеры форм меняются автоматически, в зависимости от количе- 


ства структурных элементов. Пользователь не может растянуть или 
сжать форму, как таблицу или рисунок. 


Формы не имеют реальной границы. Красным пунктиром помечается 
их воображаемый контур. Этот вспомогательный элемент облегчает 
пользователю ориентацию на странице, насыщенной различными 
объектами. В программах просмотра он не отображается. 


Формы и таблицы разрешается вкладывать друг в друга, причем каж- 
дый из этих объектов может выполнять функции контейнера для дру- 
Гого. 


Формы разрешается размещать на слоях. Несколько слоев могут хра- 
нить несколько различных форм. 


Ширина текстовых полей формы определяется в языке НТМЕ в единицах 
символов моноширинного шрифта. Втаких шрифтах на все символы, неза- 
висимо от их истинных габаритов, отводятся равные порции простран- 
ства. Пояснения к полям и их названия представляются обычно пропор- 
циональными шрифтами, у которых ширина символа зависит от его 
графического начертания. Это противоречие осложняет решение задач 
выравнивания содержимого форм. Какие рецепты решения этой пробле- 
мы может предложить язык гипертекстовой разметки? 


Неплохие результаты дает использование предварительно отформати- 
рованного текста. Напомним, что текст, заключенный в парный дескрип- 
тор <рге>, сохраняет свои габариты по горизонтали и наборы пробелов 
между буквами и словами. У такого текста кратные пробелы не поглоща- 


11.2. Текстовые поля 


ются, что позволяет простыми средствами добиться удовлетворитель- 
ного выравнивания по горизонтали. Раньше программы просмотра пред- 
ставляли предварительно отформатированный текст при помощи моно- 
ширинного шрифта Соипег, чьи эстетические достоинства многими 
Иеь-дизайнерами ставятся под сомнение. Последние версии броузеров 
(начиная примерно с третьей) позволяют выбрать шрифтовое начерта- 
ние для подобных фрагментов текста. 


Для сложных форм, состоящих из нескольких текстовых полей, переклю- 
чателей, флажков, наилучшее решение дает размещение в таблице. Пара- 
метры таблицы обеспечивают почти полный контроль вертикального и 
горизонтального положения структурных составляющих формы в ячей- 
ках. Подбирая значения полей (СеЦРад), интервалов (СеЦ5расе) и типов 
выравнивания, можно добиться точной взаимной координации объек- 
тов формы (рис. 11.2). 


Рис. 11.2. Расположение элементов формы в таблице 


11.2. Текстовые поля 


Текстовое поле — это область формы, в которую пользователь может ввести 
ответ на запрос или произвольное информационное сообщение. 


Текстовые поля бывают трех видов (рис. 11.3). 


Зтае [те (Однострочное). Служит для набора коротких сообщений или 
ответов. 


Ми Ипе (Многострочное). Предназначено для ввода сообщений произ- 
ВОЛЬНОЙ ДЛИНЫ. 


Раззм/ога (Пароль). Служит для ввода пароля. 


Все три вида текстовых полей вставляются в форму при помощи одной и 
той же команды. Выбор типа выполняется средствами палитры Ргорему 
|пзрестог (Инспектор свойств). За это отвечают три переключателя с теми же 
названиями, что и у самих объектов. 
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Зо вц и я ое отеле - Мицчоз он НиоттоЕЕ кото о 


{> С\Мои документь\Тетр\ТМР3во+72ти. РА 
Текстовое поле 


нопострочное 
текстовое поле 


Рис. 11.3. Типы текстовых полей 


Текстовое поле Зтае пе 


Простое текстовое поле, состоящее из одной строки, кодируется при помощи 
дескриптора <трш>. Простой пример такого объекта дает сведущая строка 
кода: 


<тшри!!уре=Чех! пате="Имя_поля"> 
где атрибут \уре задает тип поля, а атрибут пате — имя объекта. 


Число дополнительных настроек простого текстового поля невелико. Рас- 
смотрим их. 


® ТежРе (Текстовое поле). Этот раздел палитры служит для задания 
имени текстового поля. Правила ввода таких имен обычные. Нельзя 
использовать специальные символы и задавать повторяющиеся имена. 
Не рекомендуется оставлять данный раздел пустым. 


® СВаг УЛа{н (Ширина в символах). Ширина текстового поля, измеренная 
в символах. По умолчанию этот размер составляет примерно 20 сим- 
волов. Точная длина поля устанавливается в программе просмотра. 


® Мах Спаг$ (Максимальный объем). Максимальное число символов, кото- 
рое можно ввести в текстовое поле. Если поле для ввода этого значе- 
ния оставить пустым, то длина пользовательского ввода не ограни- 
чивается. | 
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® |п{\Уа! (Начальное значение). В это поле можно ввести текстовую строку, 
которую программа просмотра выведет после первой загрузки стра- 
ницы. Это может быть подсказка или наиболее вероятное значение 
текстового поля. 


Текстовое поле Раз$\ог@а 


Обычный способ ввода, который кажется единственно возможным начина- 
ющему пользователю, профессиональные программисты называют иногда 
эхо-вводом. Существуют ситуации, когда целесообразно подавить эхо-вывод 
введенных символов. Чаще всего такая необходимость возникает при вводе 
конфидециальной информации, например паролей или ключевых слов. 


В текстовом поле Ра$з\ога (Пароль) введенная информация представляется 
в виде звездочек. Это самое заметное отличие полей этого типа от простых 
текстовых полей, рассмотренных в предыдущем разделе. Способы кодиро- 
вания в НТМЕ этих объектов также очень похожи. Например, поле Раззмога 
(Пароль) может быть задано следующей строкой кода: 


<при! 1уре="раз$\мога" пате="Имя_поля"> 


Кроме ТОГО, ДЛЯ этих Двух ТИПОВ полей полностью совПадают по смыслу и 
по названиям все дополнительные настройки, которые доступны в палитре 
Ргорему |пзрестюг (Инспектор свойств). 


Текстовое поле Ми! Цпе 


Для ввода большого количества текстовой информации следует использо- 
вать поля типа Ми Ипе (Многострочное). Чтобы создать объект этого типа, 
требуется разместить на странице текстовое поле, например командой (пзем » 
Рогт ОБ]ес{$ »> Теж РеЗ (Вставка » Объекты форм » Текстовое поле), открыть 
инспектор свойств и выбрать в этой палитре переключатель Ми! пе (Мно- 
гострочное). В результате обычное поле, состоящее из одной строки, преоб- 
разуется в многострочное, длина которого составляет 18 символов, а высо- 
та — 3 строки. 


Эта команда не только меняет внешний вид текстового поля, но преобразует 
кодовую форму его представления. Многострочные поля кодируются в 
языке НТМЕ при помощи дескриптора <{ежагеа>. Пример простейшего 
описания дает следующий фрагмент кода: 


<{ехюгеа пате="Имя_поля"></И1ежагеа> 
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Вся дополнительная настройка объектов этого типа выполняется, как и 
прежде, средствами палитры Ргорему |пзрес{ог (Инспектор свойств). Рассмот- 
рим ее возможности. 


® Тех!РНе!а (Текстовое поле). Собственное уникальное имя многостроч- 
ного ПОЛЯ. 


® Спаг Май (Ширина в символах). Ширина текстового поля, заданная в 
символах. 


® — Мит пез (Число строк). Количество строк текстового поля. 


® |п+ \Уа! (Начальное значение). Начальное значение поля. Информация, 
введенная в этом разделе, выводится в поле при первой загрузке стра- 
НИЦЫ. 


® \\гар (Перенос по словам). Список способов переноса текста в много- 
страничном текстовом поле. Он состоит из трех пунктов. 


<> Оеаих (По умолчанию). По умолчанию принимается правило, со- 
гласно которому текст, достигший правого края поля, не перено- 
сится. Пользователь имеет возможность оборвать строчку нажа- 
тием клавиши ЕМТЕК. 


$ — \Мпиа/ (Виртуальный перенос). Выбор этого пункта включает перенос 
только на экране. Сообщение, введенное в форму с такой настрой- 
кой, отправляется на сервер в виде одной строки. 


< Рнузса! (Фактический перенос). В этом режиме перенос по словам 
отображается на экране и сохраняет символы перехода на новую 
строку при отправке на сервер. 


11.3. Переключатели и флажки 


Механизм выбора пользователя на Иеб-страничке реализуется обычно при 
помощи элементов управления двух типов: переключателей (тафо БиНоп) 
и флажков (сйесА ох). Первые дают возможность выбрать только один вари- 
ант из совокупности предложенных, вторые допускают множественный 
выбор альтернатив (рис. 11.4). 


Эти структурные элементы форм не только имеют близкие области приме- 
нения, их способы кодирования тоже очень похожи друг на друга. В исход- 
ном тексте страницы НТМЕ они представляются дескриптором <три!> с 
разными значениями атрибутов. Так, строка 


<при !уре="сНескБох" пате="Имя_флажка" уаше="спесКБох"> 
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11.3. Переключатели и флажки 


2) С\Мои документы Теттр\ТМРЗжежь?чк Чит 


| Переключатель м 


| Радиокнопка © 


Рис. 11.4. Переключатель и флажок 


описывает флажок, а строка 
<при!!уре="гааю" пате="Имя_переключателя" уае="гафоБиНоп"> 
это возможный вариант кодирования переключателя. 


Для вставки переключателя надо дать команду тем » РГогт ОБес{$ » Кад!юо 
Вий оп (Вставка » Объекты форм » Переключатель). Флажок создается коман- 
дой Снеск Вох (Флажок) того же меню. Кроме того, оба объекта представлены 
кнопками в разделе Рогт (Форма) палитры объектов. 


Как и слюбым структурным элементом формы, с переключателями и флаж- 
ками могут быть связаны текстовые комментарии, поясняющие их роль и 
положение. Для этого надо поместить курсор в непосредственной близости 
от объекта и ввести поясняющий текст. 


Число дополнительных настроек минимально. Палитра Ргорему пзресюг 
(Инспектор свойств) разрешает задать имя переключателя или флажка и уста- 
новить начальное состояние этих объектов. Для этого в разделе палитры 
|пина! З4а4е (Начальное состояние) надо выбрать один из следующих вариан- 
ТОВ. 


® СпескКед (Помеченный). Устанавливает данный переключатель или фла- 
жок сразу после загрузки страницы. 


® Опспескед (Непомеченный). Сбрасывает переключатель или флажок. 
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Переключатели считаются индивидуальными элементами, поэтому каж- 
дый их них должен иметь уникальное имя, которое задается в поле 
СНескВох (Флажок) Инспектора свойств. Переключатели обычно обра- 
зуют логически связанные группы. Все переключатели в группе должны 
иметь одинаковое имя и согласованные значения. 


Переключатели и флажки редко встречаются на гипертекстовых страни- 
цах поодиночке. Чтобы реализовать выбор из нескольких возможных 
альтернатив, форма должна содержать серию таких объектов. Для вставки 
нескольких кнопок или переключателей удобно использовать буфер 
обмена или перетаскивание образца при нажатой клавише СТВЕ. 


11.4. Списки и меню 


Списки и меню — это структурные элементы форм, которые позволяют 
выбрать один из множества предложенных вариантов. Эти элементы управ- 
ления, хорошо знакомые любому пользователю операционной системы 
Ито, дают возможность реализовать механизм выбора в более компакт- 
ной форме, нежели наборы переключателей или флажков. 


Рис. 11.5. Раскрывающийся список 


С точки зрения разработчиков программы, раскрывающийся список (меню) 
(рис. 11.5) и список с линейками прокрутки (рис. 11.6) — это похожие объекты 
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11.4. Списки и меню 


со сходной технологией создания и редактирования. Они реализуют один 
и тот же принцип выбора, а различаются только требованиями к свободному 
пространству. Раскрывающийся список — это более экономный элемент 
управления, чем обычный список, которому, в общем случае, требуется 
большее пространство на гипертекстовой странице. 


7$ Опии 


Рис. 11.6. Список с полосами прокрутки 


Создание меню 


В языке НТМЕ меню и списки кодируются при помощи парного дескрип- 
тора <заес+>, внутрь которого вкладываются теги вида <орНоп>, описыва- 
ющие отдельные пункты или команды меню. Например, следующий фраг- 
мент кода создает простейшее меню из двух пунктов: 


<5аес! пате="Имя_меню"> 

<орйоп уаше="мажор">до</орНоп> 

<орйоп уауе="минор">ре</орйоп> 

</зеес!> 

Создать меню можно следующим образом. 

1. Поместите текстовый курсор внутрь формы. 


2. Дайте команду пзем > Рогт ОШеси$ » 151 /Мепи (Вставка »> Объекты формы > 
Список /Меню) или щелкните на одноименной кнопке, расположенной 
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в разделе Рогт (Форма) палитры объектов. В результате в форму добав- 
ляется заготовка меню, не содержащая ни одного пункта. Следующие 
шаги имеют целью информационное наполнение меню. 


Не снимая выбора с меню, откройте палитру Ргорему пзрес{юг (Инспек- 
тор свойств) (СТКЕ-ЕЗ). 


В поле 1151/Мепи (Список /Меню) введите уникальное имя объекта. 
Щелчком на кнопке 1151 Уашез (Пункты списка) откройте одноименное 


диалоговое окно, предназначенное для создания пунктов меню (рис. 11.7). 


151 Маме 


Рис. 10.7. Диалоговое окно [15 Уашез (Пункты списка) 


Средствами диалогового окна $1 Уашез (Пункты списка) создать систему 
пунктов меню. Рассмотрим основные принципы работы с этим окном. 
Каждый пункт меню состоит из названия (ЁГаБе!), которое задается в 
левом столбце, и значения (Уае) в правом столбце. Для выбора пунк- 
тов удобно использовать клавишу ТАВ или указатель мыши. В меню 
пункты представляются названиями. После того как пользователь 
выбрал один из пунктов и активизировал команду пересылки, значе- 
ние этого пункта передается на сервер для дальнейшей обработки. 
Кнопка со знаком + служит для создания нового пункта. Его название 
и значение вводится с клавиатуры. Кнопка со знаком — удаляет теку- 
щий пункт. Кнопки со стрелками меняют последовательность пунктов 
меню. Щелчок на кнопке ОК заканчивает работу с этим диалоговым 
окном. 


В поле 115{/Мепи (Список /Меню) введите уникальное имя объекта. 


В списке папу Зеецеа (Первоначальный выбор) выберите пункт, кото- 
рый будет отображаться в поле раскрывающегося списка при первона- 
чальной загрузке страницы. 


11.4. Списки и меню 


Каждый раздел меню описывается двумя идентификаторами: именем 

(ГаБе[) и значением (\аше). Имя представляет раздел в меню и является 
обязательной частью его описания. Значение пересылается на сервер 
для дальнейшей обработки. Эта составляющая описания является факуль- 
тативной и может быть опущена. В этом случае ее функции также будет 
выполнять имя пункта меню. 


Создание списков 


В начале данного раздела упоминалось о том, что списки и меню — это одно- 
родные объекты, имеющие сходную систему кодирования и общую команду 
вставки. Все видимые различия этих объектов не имеют принципиального 
значения и являются, по сути, декоративными, оформительскими. Пере- 
числим их. Во-первых, списки располагают линейками прокрутки, которые 
позволяют перемещаться между отдельными пунктами списка. Во-вторых, 
дизайнер имеет возможность управлять высотой списка. В зависимости от 
ситуации он может увеличивать или уменьшать число пунктов, одновре- 
менно отображаемых в области списка. В-третьих, в случае списка можно 
разрешить одновременный выбор нескольких пунктов. 


Команда |пзем » Рогт ОБ]ес{$ » 11541 /Мепи (Вставка »> Объекты формы » Список / 
Меню) размещает на странице пустую заготовку, которая превращается в 
список или меню в зависимости от настроек, выбранных с помощью Инс- 
пектора свойств. Чтобы создать список, надо установить в палитре Ргорему 
|пзрес{ог (Инспектор свойств) флажок 141$* (Список). 


Для информационного наполнения пустого списка надо щелчком на кнопке 
[154 Маше (Пункты списка) открыть диалоговое окно, показанное на рис. 10.7, 
и задать названия и значения пунктов списка. Техника работы с этим диа- 
логовым окном рассмотрена в предыдущем разделе. 


Несколько дополнительных настроек списков расположены на палитре 
Ргорему пзрес{ог (Инспектор свойств). Рассмотрим их. 


® [151/Мепи (Список /Меню). Здесь задается имя списка. 
е Нек (Высота). Число строк, отображаемых в списке одновременно. 


® Зе@есйоп$: АНоми тире (Множественный выбор). Этот флажок управляет 
режимом множественного выбора. Если он установлен, то в списке 
можно выбрать несколько пунктов одновременно и эта возможность 
сохраняется при отображении страницы в программе просмотра. 
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® |п{аИу Зеескеа (Первоначальный выбор). Этот раздел палитры позволяет 
указать первоначально выбранные пункты списка. Для выбора смеж- 
ных пунктов надо удерживать нажатой клавишу ЗНЕТ. Групповой 
выбор отдельных пунктов выполняется при нажатой клавише СТК. 


Если сбросить флажок 5е[есНоп5: АЦом тшр(е (Множественный выбор) 
и задать высоту списка равной единице, то список выглядит как меню. 
Пустое поле НетдП+ (Высота) означает, что вопрос о высоте списка остав- 
ляется на усмотрение программы просмотра. Броузер [ее Ехр(огег одно- 
временно отображает четыре пункта, а программа №5саре Мамдатог 
выводит все пункты списка. 


Не существует параметра, предназначенного для регулирования ширины 
списков и меню. Горизонтальные размеры этих объектов автоматически 
подгоняются под объем текста. Увеличить ширину можно посредством 
вставки требуемого количества символов неразрывного пробела 
(&пЬ5р;), причем этот символ надо ставить непосредственно в исход- 
ный текст списка или меню в режиме отображения кодов. 


11.5. Кнопки 


Кнопки — это средства управления интерактивными формами. Они активи- 
зируют пересылку данных и сбрасывают неверно набранную информацию. 
Эти функции управляющих кнопок являются штатными. Разработчик стра- 
ницы может связать с кнопками форм любые дополнительные функции 
или команды, при условии, что написаны соответствующие программы. 


Две кнопки: Зибтй (Отправить) и Везе! (Очистить) зарезервированы по назва- 
нию и функциям. Эта стандартизация выходит за пределы программы и 
распространяется на язык гипертекстовой разметки. Первая кнопка запус- 
кает процедуру пересылки содержимого формы по указанному в поле Ас{юоп 
(Действие) адресу, которым может быть адрес (АГ обрабатывающей про- 
граммы или адрес электронной почты. Методом пересылки обычно явля- 
ется Роз{. Кнопка Везе{ (Сброс) сбрасывает текущие значения полей формы, 
что позволяет внести коррективы при наличии ошибок. Эти структурные 
элементы форм кодируются при помощи дескриптора <трш>. Следующий 
фрагмент кода дает пример описания кнопки сброса: 


<при !уре="гезе!" пате="Имя_кнопки" уаше="Кезе!'> 


Чтобы вставить кнопку, используется команда тзем » РГогт ОБес{$ »> ВиЦоп 
(Вставка »> Объекты формы » Кнопка). 
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11.6. Графические кнопки 


Основная работа по редактированию и настройке кнопок выполняется сред- 
ствами палитры Ргорему пзрес{ог (Инспектор свойств). Перечислим доступ- 
ные параметры настройки. 


Ви{оп Мате (Имя кнопки). Имя кнопки. 


Г аБе! (Надпись). Надпись на кнопке. По умолчанию эта надпись совпа- 
дает с типом кнопки. Пользователь может задать в этом разделе палитры 
любое подходящее название, например вместо Зиьтй набрать слово 
Отправить. 


Кезе! !огт (Очистить форму). Этот переключатель назначает данному 
объекту функцию очистки полей формы. По щелчку на кнопке вся 
информация, введенная в текстовые поля формы, удаляется. 


Зибти {огт (Отправить форму). Этот переключатель связывает с дан- 
ным объектом функцию пересылки данных. По щелчку на кнопке 
данные формы передаются на сервер. 


Мопе (Нет). Этот переключатель означает, что с данной кнопкой не 
связывается никакое поведение. Щелчок на кнопке не запускает про- 
грамм и не вызывает никаких изменений в состоянии формы. Если 
кнопка должна выполнять нестандартные функции, следует выбрать 
именно этот вариант. 


Для кнопок с нестандартными функциями требуется прямое ручное редак- 
тирование исходного текста документа. При помощи палитры задаются 
ее имя, надпись и «пустое поведение» (№ опе). Число различных про- 
граммных функций, которые можно связать командной кнопкой, слиш- 
ком велико, чтобы дать их представительное описание в коротком раз- 
деле. Чаще всего такие функции пишутся на языке Лауа5спрё и вызываются 
по щелчку на командной кнопке. В этом случае примерное описание 
может выглядеть следующим образом: 


<тпри! !уре="БиуНоп" пате="Имя_кнопки" уауе="уе5" опСйск="аоРипсНоп(}"> 


где сама функция описана в разделе <$сйр*>. 


11.6. Графические кнопки 


Стандартные кнопки Зибтй (Отправка), Кезе{ (Сброс), а также кнопки, пост- 
роенные на их основе, не отличаются стильным дизайном. Их казенное 
оформление подходит не для любого гипертекстового документа, претен- 
дующего на художественность и стиль. Разработчик \еБ-страницы не обя- 
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зан использовать только предопределенные кнопки; он имеет возможность 
создать командную кнопку на основе любого растрового изображения. 


1. Поместите курсор в место, выбранное для размещения графической 
КНОПКИ. 


2. Дайте команду пзем" » Рогт ОБес{$ » |таде Ре (Вставка »> Объекты формы » 
Графическое поле). Появится диалоговое окно Зеес{ |таде Зоигсе (Выбор 
изображения). 


3. При помощи этого окна выберите нужное изображение. 


После того как графическая основа управляющей кнопки создана, с ней 
требуется связать определенную программную функцию. Некоторый выбор 
простых функций предоставляет палитра Вевамюог$ (Режимы) (ЗВ+ЕЗ). 
Функции, обеспечивающие сложное или нестандартное поведение кнопки, 
пользователю придется создавать вручную или разыскивать на бескрай- 
них просторах всемирной сети Интернет. 


Дополнительные настройки графической кнопки, к которым открывает 
доступ Инспектор свойств, полностью совпадают с настройками обычных раст- 
ровых изображений. 


11.7. Файловое поле 


Иногда информация, которую требуется получить от посетителя, настолько 
сложна и объемна, что для ее передачи не хватает возможностей стандарт- 
ных текстовых полей и других составляющих форм. В подобных случаях 
приходится организовывать полноценный файловый обмен между гипер- 
текстовой страницей и сервером. Передача файлов полностью снимает все 
ограничения на содержимое и форму представления информации. 


В языке гипертекстовой разметки загрузкой файлов управляет специаль- 
ный объект, который называется Ейе Нез (Файловое поле). По внешнему виду 
он напоминает обычное текстовое поле с кнопкой Вгомзе (Обзор), предназ- 
наченной для запуска процедуры поиска. В языке НТМЕ для кодирования 
таких объектов используется весьма экономная нотация, например: 

<при {уре="Ме" пате="Имя_поля"> 

Вставка файлового поля производится следующим образом. 

1. Поместите текстовый курсор в форму. 


2. Дайте команду штзем » Еогт ОБес+$ »> Ейе Ре (Вставка »> Объекты формы » 
Файловое поле). 
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3. Откройте палитру Ргорему |пзрес4ог (Инспектор свойств) и выполните 
настройку файлового поля. Рассмотрим немногочисленные параметры 
этого объекта. 


»  ЕИеРез Мате (Имя файлового поля). Раздел палитры служит для 
ввода уникального имени файлового поля. 


® — Спаг Ма (Ширина в символах). Максимальное число символов, 
которые одновременно отображаются в файловом поле. 


® — Мах Спагз (Максимальное число символов). Максимальное число сим- 
волов, которое разрешается ввести в файловое поле. Это число 
может быть больше, чем значение предыдущего поля. В этом слу- 
чае просмотреть избыточные символы можно при помощи гори- 
зонтальной прокрутки. 


Для правильной работы файлового поля требуется выполнение трех усло- 

вий. Во-первых, сервер должен поддерживать загрузку анонимных фай- 
лов. Во-вторых, для всей формы следует установить метод передачи Ро${. 
В-третьих, в дескрипторе формы должен присутствовать кодовый фраг- 
мент вида епсбуре="тирак/Рогт-дажа". 


11.8. Скрытое поле 


При передаче данных формы на сервер часто требуется пополнить их неко- 
торой служебной информацией, скрытой от посетителей страницы. Это 
могут быть значения некоторых переменных для программ ССТ, информация 
о перенаправлении и пр. Для пересылки подобных сведений используются 
так называемые скрытые поля. Процедура вставки этих объектов не имеет 
заметных отличий от вставки прочих структурных составляющих форм. 


Дайте команду !пзег" »> Рогт ОБес{$ »> Ндеп Ре!4 (Вставка »> Объекты формы » 
Скрытое поле). На гипертекстовой странице скрытое поле отображается в 
виде специального значка, который виден только в редакторе, но не ото- 
бражается программами просмотра. Отображением этого символа специаль- 
ной разметки управляет команда Мем »> \1зиа! А!а$ »> пу е Еетеп{$ (Вид » 
Служебная разметка »> Скрытые элементы). Кодируется скрытое поле при по- 
мощи дескриптора <трш>, например: 


<при !уре="МЯаеп" пате="Имя_поля"> 
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11.9. Обработка форм 


Данные, собранные формой, могут обрабатываться на стороне клиента или 
на стороне сервера. Простейшие формы не требуют сложных алгоритмов — 
с их информационным обслуживанием способны справиться программы, 
действующие на стороне клиента. Для их программирования обычно исполь- 
зуютязыки/аза5спрёили УВспрь а программы на этих языках часто назы- 
вают сценариями. Для развернутой, глубокой информационной обработки 
приходится привлекать более мощные программные средства, которые 
пишутся на полнофункциональных современных языках программирова- 
ния, таких как Рей, ]аса, С++ и пр. Подобные программы работают на сто- 
роне сервера, поэтому данные формы приходится пересылать на его адрес. 


Пусть, например, создана простая форма, состоящая из двух переключате- 
лей со значениями Уез (Да) и № (Нет), и кнопки Зибти (Отправка), которая 
обеспечивает пересылку данных. Будем считать, что с переключателями 
связаны разные сообщения, которые должны выводиться при щелчке на 
кнопке Зибти (Отправка). 


Эта простая задача решается при помощи короткой процедуры, написан- 
ной на языке /аоа5бстре. Описание этой процедуры можно поместить непо- 
средственно в раздел заголовков гипертекстового документа. Приведем 
возможный текст программы. 


опсНоп ргосеззРогт(}{ 

| (ЧоситепЮгтз[0].@етете[0].сВескед\{ 
аен("\е5"); 

}е|15е{ 

аеп(“Мо"); 

} 

} 


Связать с формой эту функцию обработки можно следующим образом. 
1. Выберите кнопку Зибти (Отправка). 
2. Откройте палитру Вевамогз (Режимы) (ЗНЕТ-+ЕЗ). 


3. Щелчком на кнопке со знаком + откройте меню, содержащее список 
доступных режимов работы объектов. 


4. Выберите режим Са! }ауа$спри (Вызов функции )амаЗсир!). 
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ЗЗАОЛЛРЕРОНИОЗОНОВОВОНОНОВОНЕ НИНЕ ЧОННИОНОНОВОНОВОЛОВОНОРОРОВОВОНОНОНВОВОВОВОВЕВОВОВОВОВЛВУПОВОИНОЛОЕВОВОНОВОВОВОВОВОЛОВОВОВОБВТЗОВОВОВОООЗОВОВОВОВОВЕВОВ ООВ ВОВОВОНОВОВВОВУНОСВННИИНЕООЗОЛЕИООЗИСБОВОЗНИИ ИОНОВ ИБО 
5. Водноименном диалоговом окне введите имя функции обработки формы. 
В приведенном примере это имя ргосез$Рогт (). 


6. Добавьте описание функции в раздел заголовков гипертекстового доку- 
мента внутрь парного дескриптора <$спр\>. 


С помощью сценариев, работающих на стороне клиента, можно решить 
множество разнообразных задач, но два обстоятельства существенно огра- 
ничивают область применения этих программных средств. Во-первых, кли- 
ентские программы не могут сохранять данные. Во-вторых, они не способны 
переслать информацию на сервер для дальнейшей обработки. 


Практически неограниченными возможностями по информационной обра- 
ботке данных, собранных формами, обладают так называемые сценарии СС/. 


Стандарт СС1 (Соттоп Сщешау [тщет}асе) — это общепринятый способ связи 
внешней прикладной программы с информационным сервером. С помощью 
этого интерфейса можно создавать программы СС[,‚ иногда называемые 
шлюзами, которые способны выполнить любое преобразование информа- 
ции, полученной от формы. 


Программа СС/запускается сервером и работает в реальном масштабе вре- 
мени. Сервер обеспечивает передачу запроса пользователя программе и 
возвращает результат ее работы на клиентский компьютер. Программы СС/1 
пишутся на самых разнообразных языках программирования: СИС+-, 
Еоптап, Реп, РНР, ]аоа, Отх 5йей и пр. Исполняемые модули таких про- 
грамм, как правило, хранятся на сервере в каталоге сд!-Ып. 


11.10. Режимы работы форм 


С объектами гипертекстового документа разрешается связывать специаль- 
ные программы, которые вносят на страницу или в ее окружение динами- 
ческие изменения. Они запускаются на выполнение при наступлении опре- 
деленных событий, которыми могут быть щелчки мыши, наведение указа- 
теля, нажатие клавиш и пр. Это короткие программы, написанные, как пра- 
вило, на языке /аса5спрь называются в программе Бейазлот$. Будем называть 
их динамическими сценариями или просто сценариями. Процедура присва- 
ивания сценария объекту гипертекстовой страницы довольно проста, все 
необходимые операции выполняются при помощи палитры Вепа\м!юог$ (Режи- 
мы) (ЗНЕТ-+ЕЗ). 


Форме и ее структурным составляющим можно назначить разные динами- 
ческие сценарии, но только два из них являются специализированными, 
поскольку предназначены для работы только с объектами данного типа. Это 
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сценарии Уайдае Рогт (Проверить форму) и Зе{ Тех! о! Тех! Нез (Поместить текст 
в поле). Первая процедура позволяет проверить правильность данных, вве- 
денных в форму, вторая процедура позволяет заполнить текстовое поле 
формы заданным содержимым. 


Для корректной работы динамических сценариев требуется, чтобы все 
объекты гипертекстового документа имели уникальные имена. Совпаде- 
ние имен способно привести к аварийному завершению работы сценария с 


непредсказуемыми результатами ДЛЯ г просматриваемой страницы. 


Одним из самых полезных и часто о применяемых труктурных э элементов 
форм является меню переходов (Зитр Мепи). Этот объект позволяет 
представить серию команд гипертекстового перехода в виде списка или 
меню. По способу кодирования и расположению в системе команд про- 
граммы меню переходов представляет собой структурный элемент формы. 
Однако его «формообразующая природа» не является заметной для 
пользователя, который работает над созданием навигационной системы 
гипертекстового документа. По выполняемым функциям и тактике исполь- 
зования меню переходов напоминает скорее карту ссылок или систему 
навигационных кнопок. Поэтому работа с этими объектами рассмотрена 
в главе «Ссылки». 
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Фрейм ({гате) — это отдельная, самостоятельная область гипертекстовой 
страницы. По своим свойствам такие области напоминают вложенные мини- 
броузеры. В разные фреймы одного окна программы просмотра можно 
загрузить отдельные файлы Н ТМЕ и просматривать их независимо друг от 
друга. Для просмотра страниц фрейм предлагает собственные полосы про- 
крутки и общие для всего окна панель инструментов и меню. 


Фреймы впервые появились в программе Ме{зсаре Мамдафог 2.0 и первое время 
рассматривались как универсальное средство Уев-дизайна, а многими раз- 
работчиками считались основой интерфейса будущего. Со временем волна 
неоправданных ожиданий улеглась и стали яснее достоинства и недостатки 
этого средства навигации по ИУ. 


Сайты с фреймами имеют следующие преимущества. 


»е При правильной организации работы они позволяют достичь неко- 
торой экономии в объеме пересылаемой информации. Поскольку в 
отдельные фреймы могут быть загружены различные файлы, то при 
переходе по ссылке в одном фрейме содержимое прочих не требует 
обновления и передачи информации по Сети. Это преимущество не 
достигается автоматически, оно требует от разработчика осознания и 
целенаправленной подготовительной работы. 


е При просмотре содержимого одного фрейма остальные сохраняют 
свое статическое состояние. Это дает возможность постоянно держать 
на экране важные фрагменты сайта, например навигационные КНОПКИ, 
фирменный логотип и пр. 


° В сайтах со сложной композицией и неоднородной МНогГоСвЯЗНоЙ 
структурой фреймы дают разработчику возможность контролировать 
величину полей и привязку объектов. 


Будет большим преувеличением сказать, что перечисленные проблемы 
получили исчерпывающее решение только с появлением фреймов. Задачи 
минимизации трафика, создания статических фрагментов страницы и ТОЧНОЙ 
взаимной координации объектов решаются и в рамках классической пара- 
дигмы \еь-дизайна, без привлечения фреймов. Для этого требуется сти- 
мулирующая мотивация и некоторые дополнительные проектные мероп- 
риятия. 
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Итак, преимущества, которые дает применение фреймовой структуры, не 
являются уникальными; эквивалентных результатов можно добиться, 
оперируя привычными средствами и инструментами гипертекстовой раз- 
метки. Любое сильнодействующее средство имеет свои побочные эффекты, 
и фреймы не являются исключением из этого общего правила. Перечис- 
лим их главные недостатки. 


® Они резко ограничивают переносимость гипертекстовых страниц. 
Первые версии программ просмотра не знакомы с такими конструк- 
циями, поэтому страницы с фреймовой организацией не отобража- 
ются старыми броузерами. 


® Многие поисковые системы не индексируют страницы, разбитые на 
фреймы. Это не значит, что они обречены на забвение в Сети. Просто 
на стадии разработки автор должен провести дополнительные меро- 
приятия, чтобы обеспечить доступность и цитируемость своего про- 
дукта. 


® Часто интерфейс подобных страниц выглядит громоздким, а система 
навигации — запутанной. При переходах по ссылкам и загрузке новых 
документов в разные области окна программы просмотра состояние 
адресной строки не меняется. В ней всегда отображается адрес (ЮГ 
основного корневого документа. Это обстоятельство способно нетолько 
запутать малоопытного посетителя, но внести сумятицу в работу неко- 
торых подсистем программы просмотра. 


С ростом масштабов узла, по мере усложнения содержимого гипертексто- 
вых страниц, при высокой частоте обновления контента недостатки фрей- 
мов отступают на второй план. Доминирующим фактором становится удоб- 
ство локального обновления. Многие сайты крупных корпораций, инфор- 
мационные порталы, Иеб-узлы новостных компаний построены на основе 
фреймов. 


12.1. Кодирование фреймов 


Для организации фреймовой структуры на гипертекстовой странице требу- 
ется создать несколько документов. 


® Должны быть подготовлены гипертекстовые документы, предназна- 
ченные для загрузки в отдельные области страницы. 


® Необходимо создать документ, который задает общую структуру стра- 
ницы. Его обычно называют структурным документом (Ё’атезе 
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ИИ 
аоситепг). Он задает число фреймов, их расположение на странице, 
габариты, совместные атрибуты и т. п. Структурный документ — это 
не совсем обычный объект, если рассматривать кодирование и визуа- 
лизацию. Он не отображается в программе просмотра, поскольку не 
имеет самостоятельного содержимого, а только описывает фреймо- 
вую структуру. Этот документ кодируется при помощи парного дес- 
криптора <Натезе{> </#атезе!>, который заменяет обязательный 
для обычных гипертекстовых документов дескриптор <Боду>. Напри- 
мер, ниже приведен листинг простейшего структурного документа, 
задающего разделение на два фрейма, а на рис. 12.1 показано его пред- 
ставление в программе просмотра. 


Левый фрейм Правый фрейм 


Рис. 12.1. Простая фреймовая структура 
< т[> 
<Кеаа> 
<Не>Документ_с_фреймами</Ше> 
</Кеад> 
<Натезе! со|5="105,*"> 
<Гате поте="еЁгате" зсгота="уез" эгс=Чей.т"> 
<пате пате="паб!Ргате" гс="НаР4.Рт"> 
</Натезе!> 


</вт> 
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Основной задачей дескриптора <#т'атезе{> является указание состава доку- 
мента и способа расположения его элементов. Каждой независимой области 
страницы ставится в соответствие одиночный дескриптор <Нате>, который 
описывает загружаемый в нее гипертекстовый документ. Полный адрес (ЮГ. 
источника задается значением атрибута $гс. Это единственный обязатель- 
ный атрибут дескриптора <#'ате>, без указания которого фреймовая струк- 
тура не сможет правильно работать. Взаимные ссылки и работа многих 
программных средств во фреймовой среде требует назначения отдельным 
областям собственных имен. Имена фреймов присваиваются атрибуту пате 
дескриптора <#ате>. Этот необязательный атрибут в большинстве прак- 
тических ситуаций является весьма желательным. 


Фреймовая структура некоторыми своими свойствами напоминает таблицы. 
В частности, она может состоять из строк и столбцов. Способ разбиения 
главной страницы задается при помощи атрибутов со!$ и гомз структурного 
дескриптора <!гатезе{>. Так, дескриптор 


<Натезе! со5=" 100,1 50,230" > 

задает разбиение на три столбца, а дескриптор 
<Гатезе! со[5="200,240" гом/з='300,400"> 

на два столбца и две строки. 


В приведенных примерах числовые значения атрибутов представляют собой 
габариты строк и столбцов, заданные в абсолютных единицах измерения — 
пикселах. Подобная система измерения не является единственной. Шири- 
ну столбцов и высоту строк можно задавать в процентах от доступного сво- 
бодного пространства, которым располагает программа просмотра. В этом 
случае надо просто поставить символ процента после выбранного число- 
вого значения. Например, дескриптор 


<Натезе! гоми=' 50%, 50%"> 


задает разбиение на две равные по ширине строки, каждой из Которых отво- 
дится ровно половина свободного пространства окна. 


Часто на Иеб-страницах используется стандартная планировка, когда нави- 
гационные кнопки располагаются в левом столбце фиксированной ширины, 
а правый занимает основное содержимое страницы. Подобная система изме- 
рения задается при помощи специального символа * (звездочка), который 
означает «все свободное пространство». В приведенном ниже примере зада- 
ется структура из двух столбцов: левый имеет ширину в 100 пикселов, а 
правому отводится весь остаток свободного пространства, абсолютная вели- 
чина которого зависит от размеров окна броузера: 
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<Натезе! со|5="100,*"> 


Этот символ можно использовать и для задания пропорциональной ширины 
столбцов или строк. Например, дескриптор 


<Натезе! гоми5="* Д*"> 


описывает структуру из двух строк, причем высота второй в четыре раза 
больше первой строки. 


12.2. Создание фреймов 


Программа Огеатмеауег располагает удобными инструментами для созда- 
ния фреймовых структур неограниченной сложности. Типичная последо- 
вательность такой разработки состоит из следующих этапов. 


1. Создание исходной фреймовой структуры документа. На этом этапе 
следует выбрать количество, расположение и размеры фреймов доку- 
мента. 


2. Сохранение гипертекстовых файлов, входящих в состав основного 
документа. 


3. Уточнение параметров фреймов. На этом этапе выбираются имена 
фреймов, принимаются решения о необходимости отображения границ, 
визуализации полос прокрутки и пр. 


4. Согласование навигационной системы документа с фреймовой струк- 
турой. 


Фреймовая структура задает состав независимых областей и их располо- 
жение. Это фундамент всего фреймового документа, на который опирается 
его система навигации, распределение данных по отдельным файлам и пр. 


Программа располагает набором стандартных структур, в число которых 
входят самые простые и популярные варианты разбиения на независимые 
области. Пользователь имеет возможность вставить любую структуру из 
стандартного набора. Если ни один из библиотечных вариантов не подхо- 
дит, то всю работу по определению фреймовой структуры и ее составляю- 
щих придется проделать самостоятельно. 


Создание предопределенных структур 


Для использования на гипертекстовой странице предопределенной фрей- 
мовой структуры надо действовать следующим образом. 
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Поместите текстовый курсор на страницу, выбранную для разбиения. 


Откройте палитру ОШесиз (Объекты) (СТКЕ+Е2) и перейдите в раздел 
Ггатез (Фреймы) (рис. 12.2). Аналогичных результатов можно добиться 
и при помощи команды тем >» ЁЕгатез (Вставка > Фреймы), но работать с 
палитрой в данном случае удобнее. 


Рис. 11.2. Вставка стандартных фреймовых структур 


Щелкните на кнопке, отвечающей за вставку выбранного варианта 
фреймовой структуры. Изображения на кнопках напоминают располо- 
жение составных частей данной предопределенной структуры. Область 
синего цвета символизирует текущую страницу, белые области — это 
фреймы, которые добавляются к ней. Перечислим все возможные вари- 
анты. 


< ГеН (Слева). Добавляет пустой фрейм по левой стороне текущей 
страницы. 


< №9 (Справа). Добавляет пустой фрейм по правой стороне теку- 
щей страницы. 


<® Тор (Сверху). Располагает новый фрейм в верхней части текущей 
страницы. 


< ВоНот (Снизу). Вставляет пустой фрейм в нижней части текущей 
страницы. 


< ЁеНапаТор (Слева и сверху). Создает структуру, состоящую изчеты- 
рех фреймов. Текущая страница занимает правый нижний угол. 


12.2. Создание фреймов 


<  1ен Тор (Слева, затем сверху). Создает структуру изтрех составных 
частей. Левый фрейм располагается как столбец по всей высоте 
окна. Оставшаяся часть свободного пространства делится по гори- 
зонтали. Текущая страница расположена в правом нижнем углу. 


< ТорЁеН (Сверху, затем слева). Создает структуру изтрех составных 
частей. Сначала все свободное пространство окна делится на две 
полосы, причем текущая страница помещается в нижнюю область. 
Затем в левой части текущей страницы выделяется еще один 
фрейм (рис. 12. 2.3) 


флулулулулу ых. Ул ААА ДД отт л Ал Алулу лу Улт лу. нь 


` Текущая страница 


Рис. 12.3. Пример библиотечной структуры 


<> Зри (Рассечение). Делит свободное пространство окна на четыре 
равные части и помещает текущую страницу в нижнюю правую 
область. 


Любую стандартную фреймовую структуру можно применить к разрабо- 
танной странице, заполненной текстом и графикой. Но разбиение на фреймы 
влечет за собой уменьшение свободной площади, отведенной под страницу, 
что способно повлечь критические последствия для ее планировки. Целе- 
сообразно создавать фреймовую структуру на пустой странице, и только 
после разбиения ее на независимые области переходить к информацион- 
ному наполнению. 
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Стандартные библиотечные структуры разрешается вкладывать друг в 
друга. Для этого надо поместить курсор в область, подлежащую более 
глубокому разделению, и применить к ней одно из стандартных разбие- 
ний палитры ОБ]ес{$ (Объекты). 


кальные или горизонтальные полосы. По умолчанию программа 
Огеат\меауег устанавливает ширину или высоту таких областей равной 
80 пикселам. Чтобы изменить этот размер, достаточно зацепить указате- 
лем граничную линию и перетащить ее. 


Разработка фреймовых структур 


Библиотека стандартных фреймовых структур объединяет самые ходовые 
варианты разбиения гипертекстовых страниц. Кроме того, программа разре- 
шает выполнять интерактивную настройку размеров фреймов и вкладывать 
стандартные структуры друг в друга. Это достаточно мощные ресурсы, кото- 
рым по силам самые сложные задачи создания фреймовых структур. 


В тех редких случаях, когда перечисленных возможностей оказывается 
недостаточно, разработчик имеет возможность создать особую фреймовую 
систему, отвечающую его личным предпочтениям и целям. 


1. Поместите текстовый курсор на страницу, которая выбрана для разби- 
ения. 


2. Включите отображение границ фреймов. Для этого дайте команду Мем » 
\!5иа! А1а$ »> Егате Вогаег$ (Вид »> Служебная разметка »> Границы фреймов). 
После этого окно документа претерпит некоторые изменения. Вдоль 
границ окна с внутренней стороны появится полоса толщиной в три 
пиксела. 


3. Наведите указатель на любую из границ и, удерживая нажатой клавишу 
АЁТ, перетащите ее на свободное место окна документа. Признаком 
готовности к операции служит, как обычно, вид указателя мыши. В этом 
случае он должен принять форму двойной стрелки. 


4. При помощи перетаскивания границ разместите в окне документа вер- 
тикальные и горизонтальные линии, необходимые для создания нуж- 
ной фреймовой структуры. 


Для удаления внутренней границы достаточно перетащить ее за пределы 
окна документа. 
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Если зацепить угловую точку, расположенную на пересечении границ 
фрейма, то можно разместить в окне документа сразу две линии: гори- 
зонтальную и вертикальную. Этот прием не дает заметных преимуществ 
с точки зрения экономии действий дизайнера. Подобных результатов 
можно добиться и последовательно: сначала поставить горизонтальную 
линию, а потом вертикальную (или наоборот). Отличие приемов заклю- 
чается в одной детали кодирования структурного документа. В первом 
случае для всех четырех фреймов задаются абсолютные размеры в пик- 
селах. Во втором случае для одного из размеров последнего фрейма 
используется метасимвол * (звездочка), который означает резервиро- 
вание всего оставшегося пространства. 


Основной прием разработки — перетаскивание границ — прекрасно соче- 
тается со вставкой предопределенных структур. Можно использовать сме- 
шанную стратегию, когда вначале на текущей странице создается стандар- 
тная сетка, которая потом изменяется при помощи техники перетаскива- 
НИЯ. 


Следует отметить, что результаты таких действий не всегда одинаковы. При 
вставке стандартных библиотечных вариантов всегда получается вложен- 
ная фреймовая структура, у которой отдельные документы, в свою очередь, 
разбиты на фреймы. Вложение происходит независимо от того, какие части 
исходного документа были выбраны перед операцией. 


Результат применения метода перетаскивания границ зависят от того, какая 
часть документа была выбрана перед операцией. Если выбрать структур- 
ный документ целиком, то при помощи перетаскивания граничных линий 
можно создать лишь «плоскую структуру» одной глубины вложения. Для 
получения структур с вертикальной подчиненностью надо вначале выбрать 
отдельный фрейм или поместить в него текстовый курсор. 


12.3. Выбор фреймов 


Созданная структура и все составляющие фреймы представляют собой отдель- 
ные гипертекстовые документы, которые программа Огеатмиеауег отображает 
в общем рабочем окне. Чтобы внести изменения в отдельные документы 
или модифицировать всю систему разбиения на независимые области, необ- 
ходимо сначала выбрать соответствующий объект. Можно сделать это непо- 
средственно в окне документа или воспользоваться специальной палитрой, 
предназначенной для выбора элементов фреймовой структуры. 
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Признаком выбора фрейма служит тонкая пунктирная линия вдоль его 
границ. 


Палитра фреймов 


Палитра Егатез (Фреймы) — это миниатюрное изображение фреймовой 
структуры документа. Она предоставляет информацию о положении отдель- 
ных составляющих структуры, их именах и размерах (рис. 12.4). С помо- 
щью палитры легко выполнять выбор фреймов. Кроме того, она делает 
наглядным вложение структур, которое не всегда легко просматривается в 
окне документа из-за наличия второстепенных деталей и посторонних 
объектов. Палитра располагает простыми средствами навигации по слож- 
ной фреймовой структуре. Область окна документа, в которой находится 
текстовый курсор и выполняются проектные операции, считается актив- 
ной и выделяется в палитре подчеркиванием границ и названия. 


Рис. 12.4. Палитра Егатез (Фреймы,) 


Чтобы открыть эту палитру, дайте команду И тдом > Егатез (Окно > Фреймы) 
или просто нажмите комбинацию клавиш ЗНЕТ+Е2. 


Чтобы выбрать фрейм, надо просто щелкнуть на его изображении в палитре 
Егате$ (Фреймы). Для выбора всей структуры требуется щелкнуть мышкой 
на любой точке рамки, ограничивающей все фреймы в палитре. 


Выбор фреймов в окне документа 


Выбор фреймов можно выполнять и непосредственно в окне документа. 
Для структур с небольшим числом составляющих этот прием удобнее, чем 
использование палитры Е гатез (Фреймы), поскольку рабочее пространство 
не загромождается служебными окнами. 
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Перечислим все приемы, которые предлагает программа для выбора фрей- 
мов в окне документа: 


»® для выбора отдельной области в структуре фреймов щелкните наней, 
удерживая нажатой клавишу АТ; 


»е чтобы выделить структуру целиком, щелкните на граничной рамке 
или на любой внутренней разделительной линии. 


Программа также обеспечивает переход между фреймами одного уровня 
(по горизонтали) и между вложенными структурами и их элементами (по 
вертикали). 


» Для перехода между фреймами одного уровня выберите один из них 
и далее используйте комбинации клавиш АЁЕТ+ВЛЕВО и АЕТ+ВПРАВО. 


»е Для перехода между разными уровнями вложенных структур выбе- 
рите один из элементов иерархии и используйте комбинации клавиш 
АЁТ+ВВЕРХ и А-Т+ВНИЗ. 


Пунктир, который помечает в окне документа выбранный фрейм, и спо- 
соб отображения выбранных областей, принятый в палитре Егатез (Фрей- 
мы), способны удовлетворить только человека с иделаьным зрением, 
который одевает очки, только чтобы удостовериться в подлинности круп- 
ной банкноты. Чтобы уверенно распознавать выбранный фрагмент 
иерархической фреймовой структуры, лучше использовать Инспектор 
свойств или опираться на информацию, отображаемую в селекторе раз- 
метки. 


Средствами программы Огеатмеауег легко создавать иерархические 
фреймовые системы, состоящие из нескольких структурных документов, 
вложенных друг в друга. Для большей части операций по планировке 
страниц и их наполнению такая иерархичность не влечет никаких послед- 
ствий и не меняет технику и тактику их применения. Но в некоторых 
случаях следует четко различать уровни структурных документов. Отли- 
чить вложенную структуру от главной проще всего по селектору разметки. 
При выборе главного структурного документа дескриптор <Натезеф> в 
селекторе получает полужирное начертание. Дескрипторы вложенных 
структур представляются в обычном виде. Кроме того, в палитре Егатез 
(Фреймы) каждая отдельная структура обведена выпуклой рамкой, а доку- 
менты разделяются тонкими граничными линиями. 
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12.4. Сохранение фреймов и структур 


Как упоминалось ранее, любой документ, разбитый на фреймы, состоит из 
нескольких независимых файлов НТМЕ. Во-первых, содержимое каждой 
независимой области фреймовой структуры задается гипертекстовым доку- 
ментом. Во-вторых, число фреймов, их расположение, габариты, отобра- 
жение границ, вывод линеек прокрутки, поля — вся эта информация хра- 
нится в отдельном файле, который называется структурным документом 
(ргатезеЕ 4оситеп!). Без сохранения всех документов, связанных с фрей- 
мовой структурой, содержимое экрана гипертекстового редактора невоз- 
можно просмотреть в броузере. 


Вновь созданным фреймам программа присваивает временные имена по 
следующим правилам: УпиЧедЕгате-М.п1т для вновь созданного фрейма с 
номером М, УпичедЕгатезе!-К.п4т для фреймовой структуры с номером Ки 
Ипи{ед-М.Р т для опорной страницы с номером М. 


Поскольку все временные имена имеют префикс пене, сохраняемый 
фрейм бывает трудно идентифицировать. Панель Егате$ (Фреймы) спо- 
собна существенно упростить ориентировку в сложной фреймовой струк- 
туре в процессе сохранения ее составных частей. 


Сохранение фреймовой структуры (структурного документа) выполняется 
следующим образом. 


1. Выберите структуру в окне документа или при помощи палитры Егатез 
(Фреймы). 


2. Дайте команду Е!е » Зауе Егатезе* (Файл » Сохранить структуру фреймов) 
(СТВЕ-+$) или команду Е!е » $ауе Егатезе{ А$ (Файл » Сохранить структуру 
фреймов как) (СТКЕ+ЗНИЕТ-+$). 


Отдельный фрейм сохраняют так. 

1. Выберите фрейм в окне документа или средствами палитры Ёгатез 
(Фреймы). 

2. Дайте команду Е!е » Зауе Егате (Файл » Сохранить фрейм) или Ее » Зауе 


Ргате Аз (Файл »> Сохранить фрейм как). 


Далее потребуется выполнить сохранения действия по выбору расположе- 
ния, имен и расширений имен документов. Напомним, что все документы, 
относящиеся к структуре фреймов, представляют собой обычный гипер- 
текст и должны быть сохранены с обычными для такого сорта информации 
расширениями имени (.НТМ, .НТМЕ и пр.). 
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Команда Зауе »> А!Егатез (Сохранить » Все фреймы) сохраняет все документы, 
связанные с отдельными фреймами структуры, и сам структурный доку- 
мент. | 


12.5. Редактирование структур 


Большая часть работы по изменению свойств созданной фреймовой струк- 
туры выполняется средствами палитры Ргорему |пзрес{ог (Инспектор свойств) 
(СТКЕ-ЕЗ). Вид, который принимает эта палитра после выбора структуры, 
показан на рис. 12.5. По состоянию этой палитры можно уверенно судить о 
том, какая часть фреймовой структуры выбрана в данный момент. Призна- 
ком выбора всей структуры служит эскиз, который отображается в правой 
части палитры. Это не только значок, напоминающий пользователю спо- 
соб разбиения структурного документа, но и средство выбора его строк и 
столбцов. Чтобы выделить строку фреймов, надо просто щелкнуть на любой 
ячейке этой строки. Повторный щелчок в том же месте переключает выбор 
со строки на столбец и обратно. 


Рис. 12.5. Настроечные параметры фреймовойи структуры 


При отображении в программах просмотра в строке заголовка выводитс 
заголовок основного структурного документа. Эта важная информация, 
которая используется не только посетителями, но и некоторыми поиско- 
выми машинами, которые индексируют документ в зависимости от содер- 
жимого раздела заголовков. Чтобы ввести заголовок, выберите весь 
структурный документ и в поле Те (Заголовок) на панели инструмен- 
тов введите компактное содержательное название. 


Размеры фреймов 


Размеры фреймов структуры зависят от положения внутренних гранич- 
ных линий. Перетаскивая эти разделители, можно перестроить структуру 
и добиться нужных габаритов отдельных ее ячеек, строк или столбцов. В этом 
случае размеры областей задаются «на глазок». Размерные линейки, кото- 
рые вызываются по команде Мем »> Кшег$ »> Зпоми (Вид »> Линейки » Показать), 
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способны только отчасти облегчить точное позиционирование, поскольку 
их разрешающая способность ограничена. Для точного задания размеров 
следует использовать палитру Ргорему пзрес{юг (Инспектор свойств) (рис. 12.6). 


Ранее уже проводилось сравнение фреймовых структур с таблицами. Его 
можно значительно усилить: фреймовые структуры напоминают регуляр- 
ные таблицы, столбцы и строки которых образуют однородную сетку вдоль 
каждого направления. Это значит, что разрешается задавать ширину только 
для целого столбца или высоту для всей строки. 


Изменить габариты графы (строки или столбца) фреймовой структуры 
можно следующим образом. 


1. 


Выберите графу. В общем случае для этого требуется провести целую 
серию подготовительных мероприятий. 


Откройте окно Инспектора свойств. 


Выберите структурный документ. В правой части окна Инспектора 
свойств появится символическое изображение фреймовой струк- 
туры со всеми ее строками и столбцами (рис. 12.6). Напомним, 
что эта миниатюра не только напоминает о составе структурного 
документа, но и служит для выбора образующих его частей. Щел- 
кая на любой ячейке, можно выбрать строку или столбец, кото- 
рым она принадлежит. 


Выберите графу (строку или столбец). 


2. В разделе палитры ЦУпи$ (Единицы измерения) выберите единицы изме- 
рения габаритов графы и введите числовое значение в поле Маше (Зна- 
чение). Рассмотрим имеющиеся возможности. 
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Р!хе!$ (Пикселы). Абсолютная система измерения размеров строк 
и столбцов. Единицами измерения служат пикселы. 


Регсег\ (Проценты). Пропорциональная система измерения, в кото- 
рой габариты граф задаются в процентах свободного простран- 
ства окна программы просмотра или гипертекстового редактора. 


Ке!а{\уе (Относительные). Относительная система измерения, в кото- 
рой габариты граф задаются в долях от размеров других граф: 
строк или столбцов. Если все оставшееся свободное пространство 
следует отвести данной графе, то в поле \Уаше (Значение) надо ввести 
число 1. Чтобы отмасштабировать линию относительно другой 
линии, размеры которой заданы в относительной системе единиц, 
в поле \Уаше (Значение) надо ввести коэффициент пропорциональ- 
НОСТИ. 


12.5. Редактирование структур 


Например, если ширина одного столбца должна быть в два раза больше 
ширины другого, то размеры обоих следует задать в относительной системе 
и установить следующие значения в поле \аше (Значение): 2 — для большего 
столбца и 1 — для меньшего. 


Относительную систему измерения было бы лучше назвать логической, 
поскольку размеры задаются в виде взаимных логических отношений 
между отдельными графами фреймовой структуры. Эта способ дает наи- 
более предсказуемые результаты при разработке фреймовой структуры, 
предназначенной для просмотра в различных броузерах. На этапе состав- 
ления плана страницы можно строить лишь самые общие предположения 
о вероятных размерах рабочего окна и разрешении экрана потенциаль- 
ных посетителей. Задача построения сбалансированной системы абсо- 
лютных размеров, которая способна сохранить основные пропорции 
фреймовой структуры на различных мониторах и окнах программ про- 
смотра, представляется трудноразрешимой. Если хотя бы один габарит- 
ный размер структуры окажется несогласованным, то броузер перекроит 
планировку всей страницы с непредсказуемыми последствиями для ее 
внешнего вида. Фреймы с относительными размерами выполняют функ- 
ции своеобразных буферов, сжимаясь или расширяясь в зависимости от 
наличного То свободного пространства. 


Границы 


Для разделения отдельных фреймов структуры программа Огеатмеауег 
рисует граничные линии, толщина которых по умолчанию равна шести пик- 
селам. При помощи палитры Ргорему пзрес{ог (Инспектор свойств) можно 
изменить большую часть параметров оформления граничных линий. 


Как и для таблиц, д длЯ фреймовых труктур ействует принцип приори- 
тета частного над общим. Это значит, что параметры оформления гра- 
ниц, установленные для ячейки или вложенной структуры, отменяют в 
своей области общие установки, заданные ДЛЯ Е всей й структуры. 


 Отображением граничных линий управляют два раздела палитры: Вогаег$ 
(Границы) и Вогаег УМа{ (Толщина границы). 


Первый раздел представляет собой список, объединяющий три значения 
Уе$ (Да), № (Нет), Ое!аий (По умолчанию). 


Пункт Уе$ (Да) включает отображение границ. В этом случае в редакторе и 
программах просмотра они изображаются в псевдотрехмерном виде. 
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Пункт № (Нет) выключает визуализацию границ. В этом режиме граница 
отображается в программе Огеат\меауег в виде плоских линий без иллюзии 
объема. В броузерах она вообще не отображается. 


Пункт Оефаий (По умолчанию) оставляет вопрос о граничных линиях фрей- 
мового документа на усмотрение программы просмотра. В этом случае редак- 
тор рисует выпуклые границы фреймов. 


Второй раздел — это поле, задающее толщину границы в пикселах. Нулевая 
толщина означает, что граница не будет видна в программе просмотра. Чтобы 
она не отображалась в редакторе, требуется командой Мем » \М!зиа! А!а$ »> 
Егате Вогаег$ (Вид » Служебная разметка »> Границы фреймов) выключить ото- 
бражение разделителей и границ фреймового документа. Если этот режим 
включен, то даже задание нулевой толщины границ не отменяет видимое 
разделение фреймов в окне документа. 


Для нового фреймового документа отображение границ по умолчанию 
включено, а их толщина составляет 6 пикселов (этой толщине соответствует 
пустое поле). 


Изменение цвета граничных и внутренних разделительных линий выпол- 
няется средствами раздела палитры Вогаег Соог (Цвет границы). Это стан- 
дартный по форме элемент программы с типовыми приемами работы, кото- 
рые неоднократно рассматривались в предыдущих разделах книги, напри- 
мер, посвященных выбору цвета текста или фона таблицы. 


Результаты оформления документа, состоящего , из нескольких вложен- 
ных фреймовых структур, зависят от текущего выбора. Напомним техни- 
ческий прием, который облегчает переход между уровнями фреймовой 
иерархии. Для перехода от вложенного документа к родительскому надо 
нажать комбинацию клавиш АП+ВВЕРХ. Аналогичная комбинация 
АН+ВНИЗ выполняет перемещение в обратном направлении. 


12.6. Редактирование фреймов 


Каждый фрейм — это отдельный, независимый от окружения, гипертек- 
стовый документ. К нему применимы все штатные средства редактирования 
страниц НТМЕ, которыми располагает программа. Большая часть ресур- 
сов, относящаяся к параметрам страницы, расположена в диалоговом окне 
Раде Ргорегие$ (Свойства страницы). Напомним, что для открытия этого окна 
достаточно дать команду МоаИу » Раде Ргорег(е$ (Изменить » Свойства страни- 
цы) или воспользоваться клавиатурной комбинацией СТКи+.. 
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Все специфические признаки форматирования, относящиеся к оформлению 
фрейма, расположены в палитре Ргорему пзреског (Инспектор свойств). Напом- 
ним, что содержание и вид этой контекстно-чувствительной палитры зависит 
от типа выбранных объектов. Для выбора фрейма надо щелкнуть наего значке 
в палитре Егатез (Фреймы) (ЗНЕТ+Р2) или, удерживая нажатой клавишу АТ, 
по самому оригиналу в окне документа. На рис. 12.6 показано состояние 
панели Инспектора свойств при выборе отдельного фреймового документа. 


Рис. 12.6. Параметры оформления фреима 


Имена 


Отдельным фреймам структуры должны быть присвоены уникальные имена. 
Это, формально не обязательное, правило в большинстве случаев является 
совершенно необходимым, поскольку дает возможность организовать пере- 
крестные ссылки между областями одной структуры и позволяет програм- 
мам просмотра выполнить корректный разбор гипертекстового документа 
с вложенными фреймами. 


Присвоить фрейму собственное имя можно так. 
1. Выберите фрейм. 


2. Откройте палитру Ргорему пзреског (Инспектор свойств) (СТКЕ+ЕЗ), если 
она отсутствует на экране. 


3. Введите имя фрейма в поле Егате Мате (Имя фрейма) (рис. 12.6). При 
этом должны быть выполнены следующие правила: 


е имя фрейма должно быть представлено одним словом, использо- 
вать пробелы запрещается; 


» следует ограничиться только обычными литерами: буквами и 
цифрами; использовать специальные символы, например двое- 
точие, дефис, кавычки и пр., нельзя — исключение составляет 
лишь символ подчеркивания (ипаетзсоте); 


® все имена ДОЛЖНЫ быть уникальными, 


® запрещается повторять зарезервированные имена _Напк, _рагег\, 
_$е№, ор. 
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Загрузка файлов 


Программа Огеатумеауег поддерживает различные стратегии создания и напол- 
нения фреймов. Области фреймовой структуры — это обычные гипертек- 
стовые страницы, которые могут быть созданы заново, как обычные доку- 
менты НТМЕ. Возможен и другой путь, когда разработанная фреймовая 
структура заполняется гипертекстовыми документами, созданными ранее. 
Для этого надо просто связать с фреймом нужный файл НТМГ. 


Загрузка в данную область фреймового документа файла, содержащего гипер- 
текстовую страницу, выполняется так. 


1. Выберите фрейм. 
2. Откройте палитру Ргорему пзрес!юг (Инспектор свойств) (рис. 12.6). 


3. Выберите нужный файл. Для этого предназначен раздел палитры $гс 
(Источник). Это типовой элемент управления программы. Напомним 
кратко технику работы с ним. Полный путь поиска файла можно просто 
ввести в текстовом поле справа. Кроме того, для выбора загружаемого 
файла есть маркер-указатель и кнопка Вгомзе (Обзор). Первый представ- 
ляет собой удобное интерактивное средство «целеуказания» для фай- 
лов, представленных в окне Инспектораузла. Чтобы выбрать один из них, 
надо просто перетащить «прицел» из палитры на значок файла, распо- 
ложенный на любой из панелей Инспектора узла. Кнопка Вгомзе (Обзор) 
отображает стандартное диалоговое окно, предназначенное для поиска 
и выбора файлов. 


Ргореку Ттзресог (Инспектор свойств) находится в состоянии, предназ- 
наченном для работы с текстом. В этом случае раздел палитры $гс (Источ- 
ник) недоступен. Для выбора загружаемого файла можно воспользоваться 
командой Ре » Орепт1п Егате (Файл » Открыть во фрейме). Эта команда 
поддержана клавиатурным сокращением СТКЕ+$НТЕТ+0. 


Границы 


Для отдельных фреймов разрешается задавать индивидуальные границы, 
отличающиеся по оформлению от общих границ, установленных для всей 
фреймовой структуры. 


Для этого надо выбрать фрейм и изменить значения полей Вогаегз (Границы) 
и Вогаег Соог (Цвет границы) в палитре Ргорему |пзресог (Инспектор свойств). 
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Выбор параметров оформления границ отдельных фреймов выполняется 
так же, как и для всей структуры. Техника работы с этими элементами управ- 
ления рассмотрена в одном из предыдущих разделов, посвященном редак- 
тированию фреймовых структур. 


Параметры оформления, выбранные для отдельного фрейма, имеют при- 
оритет над общими установками для всей структуры. Существуют очевид- 
ные ограничения, которые накладываются на возможные варианты оформ- 
ления общей границы соседних областей фреймового документа. Разрешить 
возможные конфликты такого рода можно при помощи специальных при- 
емов, которые разрешают задать разное оформление границы соседних облас- 
тей. Видимо, самое чистое решение задачи дает использование для одного 
из соседних фреймов специального фонового рисунка с видимой границей. 


Полосы прокрутки 


Полосы (или линейки) прокрутки — это хорошо знакомый каждому пользо- 
вателю Ии40$ элемент управления, предназначенный для просмотра 
больших документов в окнах небольшого размера. Эту операцию иногда 
называют не прокруткой, а скроллингом или панорамированием. 


Одной из привлекательных особенностей фреймовых гипертекстовых доку- 
ментов является возможность ввести полосы прокрутки в отдельные фрей- 
мы. В этом случае отчасти упрощается решение задачи пространственного 
размещения материала, но на потенциальных посетителей ложится допол- 
нительная нагрузка по пролистыванию больших документов. 


Управление полосами прокрутки выполняется средствами раздела $сго! 
(Прокрутка) палитры Ргорему пзреског (Инспектор свойств). Это список, состо- 
ящий из четырех пунктов. 


® Ое!аи! (По умолчанию). Оставляет решение вопроса о необходимости 
отображения полос прокрутки на усмотрение программы просмотра. 


» \ез (Да). Обязательный вывод полос прокрутки, независимо от за- 
полнения фреймовой области. 


е № (Нет). Запрет на вывод полос прокрутки. 


» Ашо (Автоматически). Режим автоматического отображения. В этом 
случае полосы прокрутки выводятся на экран, если габариты содер- 
жимого превышают размеры свободного пространства в фрейме. 
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Закрепление размеров 


По умолчанию размеры любого фрейма разрешается менять в программе 
просмотра. Для этого достаточно зацепить внутреннюю границу и перета- 
щить ее на другое место рабочего окна программы просмотра. Эту возмож- 
ность можно заблокировать, оставляя размеры фрейма (в броузере, но не 
редакторе) фиксированными. 


Чтобы закрепить размеры фрейма, надо его выбрать и в палитре Ргорему 
|пзрес{ог (Инспектор свойств) установить флажок № Кезхе (Не изменять раз- 
меры). 


Часто у разработчика в возникает искушение заморозить размеры + всех 
фреймов, но это весьма ответственное решение далеко не всегда можно 
считать оправданным. Целесообразно, например, зафиксировать размеры 
той й области документа, которая хранит навигационные к кнопки. 


Поля 


Подобно ячейкам таблицы, отдельные фреймы структурного документа 
могут иметь поля. Это свободная зона вдоль границ фрейма, которая ото- 
двигает содержимое от рамки и поэтому облегчает восприятие материала. 
Положением содержимого области управляют четыре поля: левое, правое, 
нижнее и верхнее. Причем левое поле всегда равно правому, а нижнее — 
верхнему. Размеры вертикальных и горизонтальных полей не зависят друг 
от друга. По умолчанию размер горизонтального поля равен шести пиксе- 
лам, а величина вертикального поля составляет четырнадцать пикселов. 


Размеры фреймовых полей можно изменить при помощи палитры Ргорему 
|пзресог (Инспектор свойств). За горизонтальные поля отвечает раздел Магат 
Улан (Ширина полей), за вертикальные — Магдт Неан" (Высота полей). Это 
обычные числовые поля со стандартными для программы приемами обра- 
щения. Чтобы изменить расстояние от содержимого фрейма до границы, 
надо просто ввести в числовые поля нужные габариты свободных зон и 
подтвердить операцию нажатием клавиши ЕМТЕК. 


12.7. Целеуказание ссылок 


Фреймовые документы предоставляют разработчику возможность более 
глубокого контроля над ссылками, чем обычные гипертекстовые страницы. 
Например, можно задать визуализацию ссылок таким образом, чтобы они 
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выводились в заданном фрейме той же страницы. Можно даже организо- 
вать своеобразный навигационный центр, когда все ссылки локализованы 
в одном фрейме, который всегда видим и достижим для пользователя. 


Пусть, например, документ разделен на два вертикальных фрейма. В левом 
расположены главные навигационные кнопки, а правый служит для загрузки 
всех связанных страниц. Эта простая схема построения гипертекстовых 
страниц и ее многочисленные вариации получили большое распростране- 
ние в сети. 


Выбор определенного фрейма для вывода ссылки принято называть целе- 
указанием (атвейпв). Связь ссылки и фрейма выполняется средствами 
палитры Ргорему |пзрес{юг (Инспектор свойств). При этом составляющие фрей-. 
мового документа представляются своими именами. Без таковых прямое 
обращение к данной области невозможно, поэтому целесообразно всем 
фреймам документа давать собственные уникальные имена. 


Четыре имени зарезервированы: они фактически описывают не конкрет- 
ные фреймовые области, а сценарии поведения программы просмотра или 
логические разделы текущей фреймовой структуры. Перечислим эти пре- 
допределенные логические имена. 


е _ Ыапк. Новое пустое окно программы просмотра. 
®  рагеги. Родительский фреймовый документ текущего фрейма. 
е _з@е!. Текущий фрейм. 


® _{ор. Внешний документ текущего фрейма без разбиения на состав- 
ные части. 


Задать область загрузки ссылки можно следующим образом. 


1. Выберите текст или изображение, которые служат представлением 
ссылки. 


2. Откройте палитру Ргорему пзрес{ог (Инспектор свойств). 
Задайте адрес ссылки в разделе палитры Мик (Ссылка). 


4. Выберите область загрузки ссылки. Для этого раскройте список Тагде 
(Назначение) и выберите в нем одно из предопределенных или собствен- 
ных фреймовых имен. 


Все заданные пользователем собственные имена фреймов программа 

Отеатмеауег автоматически заносит в список Тагае{ (Назначение). Он 
не требует обновления; все изменения программа регистрирует само- 
стоятельно. 
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Возможность выбо сти загрузки 
которое при неосторожном ее использовании способно создать опас- 
ную ситуацию в процессе визуализации документа в программе просмотра. 
Пусть имеется фреймовый документ под названием татп.Н+т. Предпо- 
ложим, что в одной из его областей существует ссылка на главный доку- 
мент и для нее установлена опция целеуказания _<е{. Это означает, что 
главный документ загружается в один из своих фреймов. Каждый щел- 
чок по такой ссылке вкладывает документ внутрь себя. Программы про- 
смотра способны отработать несколько таких итераций, но глубокая рекур- 
сия быстро приводит к исчерпанию вычислительных ресурсов и краху 
программы. 


12.8. Поддержка старых броузеров 


Не все программы просмотра, которые в настоящий момент находятся в 
обращении, поддерживают работу с фреймовыми документами. Так, броу- 
зер Ме{саре Мамдаюг приобрел такую возможность только со второй вер- 
сии, программа |щегпе{ Ехрогег — на одно поколение позже, только с тре- 
тьей версии. 


Язык НТМЕ располагает специальным механизмом, который делает фрей- 
мовые документы доступными для подобных программ просмотра. Эти 
функции выполняет парный дескриптор <по!гатез>. В этом контейнере 
размещается содержимое, предназначенное для вывода в программах про- 
смотра, не поддерживающих фреймы. Это может быть любое текстовое или 
графическое наполнение по выбору автора — своего рода «бесфреймовая» 
версия гипертекстового документа. Современные броузеры игнорируют 
фрагмент кода, помещенный внутрь этих дескрипторных скобок; они ото- 
бражают фреймовый документ в полном соответствии с его логической 
структурой. | 


Сразу после создания главного структурного документа программа 
Огеат\меауег автоматически размещает вслед за дескрипторной парой 
<Натезе{> </Натезе{> часть кода, предназначенную для старых броузе- 
ров. Этот фрагмент выглядит следующим образом. 


<понатез> 
<Боду Басо|ог="#РЕРЕЕЕ" 1ех"="#НОООО0О0"> 
</Боау> 


</понате5> 
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Для заполнения этого кодового фрагмента программа располагает специаль- 
ным режимом работы. Чтобы перейти в него, надо дать команду Мо@Ну > 
Егатезе! > Еай МоЕгатез Соп\еп\ (Изменить > Структурный документ » Бесфрей- 
мовое содержимое). 


По этой команде программа отображает пустое окно документа с заголов- 
ком МоЕгатез Согеп* (Бесфреймовое содержимое) в верхней части. Исполь- 
зуя штатные команды и инструменты Огеатмеауег, можно создать инфор- 
мационное наполнение бесфреймовой части документа. После окончания 
этой работы та же команда выполняет обратный переход в обычный режим 
окна документа. 


В режиме М№Егатез Согеп+ (Бесфреймовое содержимое) доступны почти все 
возможности редактора. Разработчик может вводить текст, вставлять рисунки, 
создавать формы, работать с таблицами, включать в состав документа интер- 
активные картинки и пр. Перечислим немногие существующие особенности 
и ограничения. 


® Отдельные документы фреймовой структуры и ее бесфреймовая часть — 
это во многом независимые фрагменты одного гипертекстового доку- 
мента. Это в полной мере относится к основным параметрам страницы. 
Напомним, что в программе они задаются в диалоговом окне Раде 
Ргореге$ (Свойства страницы), которое отображается по команде МоаНу > 
Раде Ргорег#ез (Изменить » Свойства страницы) или при помощи комбина- 
ции клавиш СТВЕ-+.). Настройки режима МоЁгатез Сощепи (Бесфреймо- 
вое содержимое) ничем не отличаются от настроек обычной страницы. 


» Врежиме №оЕгатез Согиепи (Бесфреймовое содержимое) программа бло- 
кирует все команды группы Ее » Ореп (Файл »> Открыть). Чтобы пере- 
нести в документ законченные гипертекстовые фрагменты или заго- 
товки, следует использовать возможности буфера обмена. 


е Многие поисковые машины не индексируют фреймовые документы. 
Раздел <понатез> дает неплохую возможность подстраховки. В эту 
часть документа можно включить дескрипторы группы <таёа>, кото- 
рые предоставляют поисковым машинам информацию о содержимом, 
ключевых словах и заголовке гипертекстового документа. Напомним, 
что вставка метаинформации выполняется при помощи команд группы 
|пзег+ > Неа Тад$ (Вставка »> Дескрипторы заголовков). Все команды этой 
группы доступны и в режиме МоЕгатез Согеп! (Бесфреймовое содержи- 
мое). Кроме того, в эту секцию документа можно поместить ссылки 
на те страницы фреймового документа, которые содержат информа- 
цию, принципиально важную для оценки всего проекта. 


361 


12. Фреймы 


12.9. Динамические сценарии 


С фреймами разрешается связывать различные динамические сценарии: 
предустановленные, которые поставляются вместе с программой, и специ- 
альные, созданные сторонними разработчиками или фирмами. Напомним, 
что все технические действия по связыванию сценария и объекта выпол- 
няются при помощи палитры Вева\м!ог$ (Режимы). 


Различные причины побуждают авторов гипертекстовых страниц прибе- 
гать к помощи фреймов, но одним из главных мотивов является, видимо, 
дополнительный контроль положения текстовых и графических фрагмен- 
тов. Среди стандартных сценариев, которые поставляются с редактором, 
есть несколько образцов, которые хорошо сочетаются с фреймами и спо- 
собны облегчить управление содержимым гипертекстовой страницы. Пере- 
числим эти сценарии. 


® Зе{ Тех{ о! Ргате (Установить текст фрейма). Этот сценарий выполняет 
замену текстового наполнения фрейма на содержимое, заданное 
пользователем. Новое содержимое может включать в себя любые коды 
и корректные разметки. 


® Со ю ЦВЕ (Перейти по адресу). Открывает новую страницу в текущем 
окне или заданном фрейме. Этот сценарий особенно полезен в тех 
случаях, когда требуется изменить содержимое нескольких фреймов 
одним щелчком мыши. 


® |пзеге Мау Ваг |таде (Вставить навигационную панель). Позволяет органи- 
зовать навигацию во фреймовом документе в наглядной и удобной 
для пользователя форме. 


® |пзем Литр Мепи (Вставить меню переходов). Это меню также служит для 
облегчения ориентировки пользователя в гипертекстовом документе, 
разбитом на фреймы. 
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Едва ли можно поставить под сомнение утверждение о том, что страницы 
тематического узла или фирменного сайта должны быть выполнены в одном 
стиле или, как сейчас иногда говорят, формате. Можно предположить, что 
те немногие удачные исключения из этого правила, которые можно найти 
в Сети, сознательно используют видимую оформительскую разностиль- 
ность как хорошо продуманный стилевой прием, мастерский дизайнерский 
ход. 


Материальную основу любого художественного стиля составляют рисунки, 
цвета, анимационные ‘ролики, шаблоны, сценарии и другие объекты, кото- 
рые разрешается размещать на гипертекстовых страницах. При разработке 
большого проекта Интернета эти объекты должны быть объявлены общими 
для разных страниц и документов узла. 


В четвертой версии редактора появилась удачная новинка — панель Аззе!з 
(Ресурсы), предназначенная для ведения общего стилевого хозяйства. На 
эту панель можно помещать объекты, находящиеся в коллективном пользо- 
вании. Она располагает удобными средствами для сортировки, классифи- 
кации, вставки и обмена между различными проектами. 


Перечислим все типы объектов, которые можно обрабатывать при помощи 
этой панели: 


е изображения; 

»е цвета; 

»е гипертекстовые ссылки; 

» объекты На5й; 

е объекты 5йосешаие; 

»е ролики МРЕС или ОшсЕ Гите; 
»е сценарии; 

е шаблоны; 


е библиотечные элементы. 
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В документации программы и 
а55е{5 часто применяется расширительно. Так иногда называют разные 
объекты, которые не входят в область действия этого средства управления. 
Приведенный список дает исчерпывающий перечень объектов, которые 
могут быть обработаны при помощи инструментов палитры ресурсов. 


Для пополнения палитры ресурсов могут быть использованы самые раз- 
личные внутренние и внешние источники. Можно брать объекты, распо- 
ложенные на страницах данного узла, и заимствовать их на сайтах сторон- 
них производителей. 


Чтобы вывести палитру на экран, надо дать команду \птдом »> А$зе{з (Окно > 
Ресурсы) или нажать клавишу Е11. Внешний вид панели показан на рис. 13.1. 


2КВ Шан... 
АКВ Мам... 


5КВ Шап 

1КВ Шаг... Ме Ро!де!/1 2-4. ди 
12-4.9и 1КВ Шап... Ами 2-4.0й 
Здрач.а! | 


Рис.13.1. Палитра А55е 5 


Перед выводом палитры на экран выполняется чтение кэш-памяти узла, 
поэтому иногда визуализация выполняется с некоторой задержкой. 


строкам соответствуют типы объектов. В раздел ЗНе (Сайт) входят все объекты 
данного типа, используемые на страницах узла. Второй раздел образуют 
наиболее ценные, по мнению авторов проекта, объекты. Отображением содер- 
жимого палитры управляют кнопки категорий, расположенные в третьей 
строке окна, и кнопки типов объектов, составляющие первый столбец. 
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В нижней части палитры приводится список имен объектов данного под- 
класса с указанием их основных атрибутов. В верхней части отображается 
изображение или кодовое обозначение (для ссылок или сценариев) выбран- 
ного элемента палитры. Треугольная кнопка, расположенная справа во вто- 
рой строке палитры, предназначена для вызова меню. Рассмотрим команды 
этого меню. 


® Ке!тезн Не [151 (Обновить список ресурсов). Команда обновляет ресурсы 
узла. По этой команде в палитру вносятся изменения в составе ресур- 
сов за счет применения внутренних средств узла. Например, новые 
изображения, добавленные на страницы, вносятся в раздел |таде 
(Изображение), а гипертекстовые ссылки, потерявшие актуальность, 
удаляются. 


»® Кесгеаме ЗНе 11541 (Восстановить список ресурсов). Команда учитывает 
изменения в составе ресурсов за счет применения внешних по отно- 
шению к узлу средств, инструментов или программ. 


® ЕСИ (Правка). Запуск средств редактирования выбранного объекта. 
® |пзег{ (Вставка). Вставка выбранного объекта на страницу. 


»е Аадто РауогЦез (Добавить в избранное). Размещение выбранного объекта 
в разделе Избранное. 


® Сору то зе (Копировать на сайт). Команда предназначена для обмена 
ресурсами между Уеф-узлами. 


® |[осае т ЗИе (Найти на сайте). Команда определяет положение выбран- 
ного ресурса в составе сайта. 


Эти команды доступны для всех типов ресурсов. Для отдельных категорий 
объектов список команд меню может расширяться. Команды 1пзег* (Вставка), 
Ед (Правка), Ке!гезн Зе 1154 (Обновить список ресурсов), Ааа {о Рауогйе$ (Доба- 
вить в избранное) продублированы кнопками быстрого запуска, расположен- 
ными в нижней части палитры. 


13.1. Вставка объектов 


Большую часть объектов палитры Азе{з (Ресурсы), можно разместить на 
гипертекстовой странице методом перетаскивания или щелчком на кнопке 
|пзег{ (Вставка). Все операции такого сорта выполняются только тогда, когда 
целевая страница находится в режиме планировки (Оезюп Мем,). 


Рассмотрим последовательность действий более подробно. 
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Поместите текстовый курсор в то место документа, которое выбрано 
для вставки объекта. 


Дайте команду \Итдом »> Аззе{з (Окно » Ресурсы), если панель ресурсов 
не выведена на экран. 


Выберите категорию ЗНе (Сайт) или Рауогйез (Избранное). Шаблоны и 
библиотечные элементы не делятся на категории — все они представ- 
лены в палитре одним списком. 


Выберите тип ресурсов. 


Вставьте нужный ресурс на страницу. Для этого программа предлагает 
следующие возможности. 


»  Перетащите объект из палитры в окно документа. Сценарии сле- 
дует вставлять в раздел заголовков, поэтому перед операцией надо 
сделать эту часть документа доступной. Для этого можно восполь- 
зоваться, например, командой Мем »> Неаа Сотеп+ (Вид »> Содержи- 
мое раздела заголовков). 


е Выберите объект и щелкните на кнопке |пзе" (Вставка) на палитре. 


Вставка цвета и ссылок имеет небольшие отличия. Если цвет просто пере- 
Тащить из палитры и бросить в окно документа, то данный тон задается 
ДлЯ всех символов, ВВОДИМЫХ В ПОЗИЦИИ ВСТавки. 


Есть еще один вариант выполнения операции, который в равной степени 
подойдет и для применения цвета, и для вставки ссылки. 


1. 
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Выберите объект (последовательность символов, изображение и пр.) 
на гипертекстовой странице. 


В палитре ресурсов выберите ссылку, цвет или шаблон. 


Дайте команду Арру (Применить) из меню, которое открывается щелч- 
ком на треугольной кнопке. 


Имена объектов, представленных в палитре ресурсов, совпадают с име- 

нами файлов, цвета обозначаются шестнадцатеричными кодами, а назва- 

ния гипертекстовых ссылок — это их содержимое. По умолчанию объекты 
упорядочиваются по алфавиту. Названия столбцов палитры, в которых 
приводятся атрибуты объектов, — критерии, по которым содержимое 
палитры можно сортировать. Чтобы выполнить сортировку по такому кри- 
терию, надо просто щелкнуть на заголовке столбца. 


13.3. Ресурсы и узлы 


13.2. 


Редактирование объектов 


Объекты, которые хранит палитра ресурсов, разрешается редактировать. 
Начальная операция любого процесса редактирования — это выбор объекта. 
Для выбора элементов палитры применяется стандартная техника опера- 
ционной системы Ит40и5: 


чтобы выбрать отдельный объект, достаточно щелкнуть мышкой на 
его имени в палитре; 


несколько смежных объектов можно выбрать, щелкнув на крайних 
объектах при нажатой клавише УНЕТ; 


удерживая нажатой клавишу СТВ+, можно выбрать любое число объек- 
тов, расположенных в палитре произвольно. 


С каждым типом ресурсов связано некоторое программное средство, при 
помощи которого можно выполнить надлежащее редактирование объек- 
тов этого вида. Для рисунков это внешний графический редактор, напри- 


мер 


РгемогКз, шаблоны редактируются в самой программе Огеатмеауег, вне- 


сти правки в описание цветов и ссылок можно средствами палитры ресур- 
сов (только для категории Ра\могИе$). 


Внесение изменений в объект палитры Аззе{з (Ресурсы) выполняется сле- 
дующим образом. 


1. 
2. 


13.3. 


Выберите объект. 


Дайте команду ЕаИ (Правка). Это можно сделать тремя способами. Можно 
использовать пункт меню, двойной щелчок по имени объекта или кнопку 
Еаи (Правка), расположенную в нижней части палитры. 


Используя те средства, которые предусмотрены в программе для работы 
с объектами данного типа, внесите необходимые изменения. 


Если данный объект хранится в виде файла (рисунок, анимационный 
ролик и пр.), сохраните его, используя штатную команду программы- 
редактора. Для ресурсов, не являющихся файлами, например ссылок 
или цветов, закончите процесс редактирования нажатием клавиши 
ЕМТЕК. 


Ресурсы и узлы 


Палитра Аз$зе*$ (Ресурсы) располагает командой, которая способна опреде- 
лить местонахождение любого объекта, зарегистрированного в палитре. Для 
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построения больших узлов нередко используются сотни, а то и тысячи 
объектов разного типа. Иер-дизайнеры, которым часто приходится обме- 
ниваться объектами между крупномасштабными сайтами, способны оце- 
нить эту команду по достоинству. 


Палитра отображает ресурсы активного узла. Активным считается узел, к 
которому принадлежит открытый документ. 


ловка этих средств управления программы Огеатмиеауег. 


Определить местонахождение файла объекта, зарегистрированного в па- 
литре, можно так. 


1. Найдите и выберите его имя в палитре ресурсов. 


2. Дайте команду Госае п ЗНе (Найти на сайте). Ее можно выбрать из меню 
палитры или из контекстного меню, которое вызывается щелчком пра- 
вой кнопки мыши на имени объекта. 


Любой способ выдачи этой команды приводит к одинаковым последствиям. 
Будет открыт требуемый сайт, и на правой панели Диспетчера узла программа 
найдет и выберет искомый объект. 


Передать копию объекта, зарегистрированного в палитре ресурсов, из одного 
сайта в другой можно следующим образом. 


1. Найдите и выберите объект. В разделе РамогИез (Избранное) можно пере- 
давать целые папки вместе с содержимым. 


2. Дайте команду Соруто зНе (Копировать на сайт) и укажите имя узла назна- 
чения. Эту команду можно выбрать из меню, которое вызывается щелч- 
ком на треугольной кнопке, и из контекстного меню, для вызова кото- 
рого служит правая кнопка мыши. 


Копируемые цвета и ссылки заносятся в категорию Гауоп\е$ (Избран- 
ное) палитры ресурсов узла назначения. 
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13. 4, Раздел Гамогез (Избранное) 


13.4. Раздел Еауог{е$ (Избранное) 


Палитра ресурсов состоит из двух разделов: Зе (Сайт) и ЕамогИез (Избран- 
ное). В первом из них отображаются все ресурсы узла. На страницах боль- 
ших узлов могут быть использованы тысячи различных объектов: рисун- 
ков, ссылок, роликов, цветов. Ориентироваться в хранилище таких масш- 
табов становится затруднительно. В раздел Рамогиез (Избранное) можно вне- 
сти самые ходовые ресурсы узла. Более того, пользователь имеет возмож- 
ность завести в этом разделе палитры любое количество папок, выбрать 
для них удобные имена и рассортировать самые нужные ресурсы по этим 
хранилищам. 


Папки раздела Рауоп*е$ (Избранное) являются виртуальными. В виде 
реальных каталогов они не существуют. Программа Отеатуеауег создает 
их как логические з разделы палитры ресурсов. 


Запись в раздел 


Внести ресурс в категорию ЕауогИе$ (Избранное) можно так. 
1. Найдите и выберите один или несколько объектов. 


2. Дайте команду Ада {о РамогИез (Добавить в избранное). Вот все возмож- 
ные варианты выдачи этой команды: 


е меню палитры; 
е контекстное меню; 


е кнопка Адафо РауогИез (Добавить в избранное) в правом нижнем углу 
палитры ресурсов. 


Любой метод выдачи команды приводит к одинаковым результатам. Выбран- 
ные объекты становятся зарегистрированными ресурсами категории 
РауогЦез (Избранное). 


Для шаблонов и библиотечных элементов категория Гауоп*е$ (Избран- 
ное) недоступна. 


Любой объект, занесенный в раздел ЕауогИе$ (Избранное), * можно оттуда уда- 
лить. Для этого надо его выбрать и дать команду Кетоуе {гот РауогИез (Уда- 
лить из избранного). 


Приемы создания новых папок раздела Еауог"ез (Избранное) почти не отли- 
чаются от стандартной техники, принятой для этих целей в системе \/и405. 
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1. Выберите местоположение новой папки в системе избранных папок 
палитры ресурсов. 


2. Дайте команду М№ем Рауогиез Роег (Новая папка для избранного). Эта команда 
представлена в меню палитры и в контекстном меню. 


3. Введите имя папки и нажмите клавишу ЕМТЕК. 


Расположение папок внутри раздела можно изменить. Эта задача решается 
при помощи хорошо известного каждому пользователю операционной сис- 
темы Ит405$ метода перетаскивания. 


Созданные описанным способом г папки — это не > реальные каталоги и фай- 
ловой системы. Они представляют собой способ логического группиро- 
вания я ресурсов по › тематическому и или и иному признаку. 


Псевдонимы 


Объектам раздела РауогИез (Избранное) разрешается присваивать псевдо- 
нимы. Это позволяет существенно упростить работу с содержимым палитры, 
поскольку вместо формально правильных, но часто трудно запоминаемых 
имен, объектам можно присвоить содержательные псевдонимы. Так, намного 
проще работать с цветом по имени, например цвет_фона, чем с формальным 
шестнадцатеричным описанием, чем-то вроде #00ЕЕ32. 


Присвоить объекту псевдоним можно так. 


1. Найдите и выберите объект в палитре ресурсов. Напомним, что псев- 
донимы разрешается иметь только избранным объектам. 


2. Дайте команду Еаи Мскпате (Изменить псевдоним). Эта команда представ- 
лена в меню палитры и в контекстном меню, связанном с данным объек- 
том. Кроме того, работает и стандартный для системы Ита0ш5 прием 
переименования. Щелкните на имени объекта один раз, выдержите 
некоторую паузу и сделайте повторный щелчок. 


3. Введите новое имя объекта непосредственно в палитре ресурсов и завер- 
шите процедуру нажатием клавиши ЕМТЕК. 


13.5. Библиотеки 


Библиотека — это один из способов хранения многократно используемых 
элементов дизайна гипертекстовых страниц: изображений, ссылок, отрыв- 
ков текста и пр. Идея организации информации по принципу библиотеч- 
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ных хранилищ получила широкое признание в различных отраслях инфор- 
матики. Библиотеки стандартных элементов используются текстовыми и 
графическими редакторами, системами автоматизированного проектиро- 
вания и многими другими программами. 


Базовая идея очень проста. Элементы документов, нужные многим разра- 
ботчикам, заносятся в специально организованный депозитарий, где они 
доступны для использования в иных проектах. В системе Огеатмеауег она 
реализована следующим образом. В библиотеку записывается фрагмент 
гипертекстовой разметки, соответствующей выбранному объекту или несколь- 
ким объектам, объявленным одним элементом хранения. Этот код допол- 
няется ссылкой на базовый документ. Это требуется для того, чтобы учесть 
все будущие изменения родительской страницы и внести их в описание 
библиотечного элемента. 


Программа Огеат\меауег сохраняет библиотечные элементы в специальной 
папке Игагу, которая размещается непосредственно в корневой папке сайта. 
Каждый \еЁ-узел имеет собственную библиотеку стандартных элементов 
и папку для ее хранения. В четвертой версии редактора библиотеки не имеют 
отдельной палитры, как это было в предыдущих изданиях программы. Для 
работы с ними используется специальный раздел палитры Азе{$ (Ресур- 
сы), показанный на рис. 13.2. Большая часть работ по управлению библио- 
теками выполняется при помощи команд палитры ресурсов. В частности, 
общая для всех ее разделов команда Сору 10 ЗИе (Копировать на сайт) реали- 
зует обмен элементами между разными сайтами. 


ЕЕ: _1 
кнопка_2 1КВ Дльгаг/икнопка_21Ы 
подпись 1КВ ЛЬгегу/по дпись №! 
слоган 1КВ Д4Бгагу/слоган.5 


Рис. 13.2. Библиотечный раздел палитры А5зе5 


Назовем ключевые особенности библиотек в программе Огеатмеауег. 
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»е Библиотечным элементом может быть объявлен любой фрагмент 
исходного текста, расположенный в области действия дескриптора 
<рБоау>. 


® Библиотечные элементы обладают неограниченными возможностями 
применения. Их можно размещать на гипертекстовых страницах без 
редактирования, переформатирования и реструктурирования. 


® Изменения, внесенные в библиотечные элементы, распространяются 
на все их применения на гипертекстовых страницах и документах. 
Программа располагает гибкими командами, которые разрешают управ- 
лять областью обновления. Изменение библиотечного элемента может 
быть распространено на отдельную страницу, на избранные страницы 
или на весь сайт. 


® Связь между библиотечным образцом и его экземплярами на страни- 
цах разрешается разрывать. 


®е Программа располагает командами для обмена библиотечными эле- 
ментами между отдельными сайтами. 


® Библиотеки способны хранить объекты вместе с динамическими сце- 
нариями, которые с ними ассоциированы. Разрешается также пере- 
давать на хранение программную составляющую динамических сце- 
нариев — чистый программный код на языке /аса5спрЕ — отдельно от 
объектов, на которые они воздействуют. 


» Временные диаграммы (Нтейпе) и каскадные листы стилей не могут 
храниться в библиотеке, поскольку часть их описания расположена в 
разделе заголовков документа — в области действия дескриптора 
<Веаа>. 


Создание библиотечных элементов 


Любой элемент или сочетание элементов, расположенное в области дейст- 
вия дескриптора <Боду>, может быть занесено в библиотеку, в том числе 
таблицы, формы, апплеты, изображения, объекты АсйоеХ, навигационные 
средства и пр. 


1. Выберите фрагмент документа любым удобным способом. 


2. Запишите новый элемент в библиотеку. Для этого программа предла- 
гает разные способы. 


е Дайте команду МоаИу » МЬгагу > Ада ОБес* 10 ШБгагу (Изменить » 
Библиотека »> Добавить новый элемент в библиотеку). 
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» Если палитра Аззе{$ (Ресурсы) выведена на экран, просто зацепи- 
те указателем выбранный объект и перетащите его библиотечный 
раздел палитры. 


е Есть и еще один вариант выполнения этой команды. Это щелчок 
на кнопке Ме\ми ЫЬгагу ет (Новый библиотечный элемент), располо- 
женной в нижней части палитры ресурсов. 


3. Введите имя для созданного библиотечного элемента. 


Каждый библиотечный элемент на страницах гипертекстового документа 
помечается светло-желтым цветом. Это сделано для того, чтобы отличить 
каталогизированные объекты от обычных. 


Чтобы изменить тон выделения библиотечных элементов или убрать его 
совсем, откройте диалоговое окно с основными настройками программы, 
перейдите в раздел Нюанйанта (Выделение) и внесите необходимые измене- 
ния в поле НЬгагу Кетз (Библиотечные элементы). 


Вставка библиотечных элементов 


Объекты, зарегистрированные в библиотеке, можно размещать на любых 
страницах данного узла, причем в неограниченном количестве на любых 
допустимых для данного типа объектов позициях. 


Техника размещения объектов на гипертекстовых страницах очень проста. 
1. Поместите курсор в позицию вставки. 


2. Дайте команду \/таоми »> М гагу (Окно »> Библиотека), которая отображает 
на экране библиотечный раздел палитры ресурсов. 


3. Выберите объект для вставки. 


4. Щелкните на кнопке |пзег" (Вставка) в палитре ресурсов. 


Среди множества способов выдачи команды вставки отметим метод пере- 
таскивания. Объекты из библиотеки можно размещать на гипертекстовых 
страницах простым перетаскиванием. 
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Чтобы в вставить элемент и и разорвать с его связь с с библиотекой, надо дать 
команду вставки при нажатой клавише СТВ(. Что дает такой способ встав- 
ки? Объект, внедренный в документ, становится доступным для прямого 
редактирования. Однако связь с библиотечным источником и возмож- 
НОСТЬ автоматического › обновления теряются. 


Коды библиотечных элементов отличаются от стандартной гипертексто- 
вой разметки. Рассмотрим следующий пример: 


<|-- #ВедтЦЬгагуйет "/ИНЬгагу/подписьЫ" --><юп{асе="Апа|, НеМейса, запз-зег!" 
соог='#000099">подпись</ЮюпЕ><|--- #ЕпаНЬгагуйет --> 


Эта кодовый фрагмент описывает применение текстового библиотечного 
элемента с именем «подпись». Строка /НЬгагу /подпись ЛЫ описывает распо- 
ложение и название файла, который хранит данный объект. 


Весь фрагмент заключается в специальный парный дескриптор 
<|- #ВеатЦЬгагунет —> <!-- #ЕпаНогагуйет —> 


который оформлен как комментарий языка НТМЕ. Содержимое дескрип- 
торных скобок — это обычное для языка гипертекстовой разметки описа- 
ние, состоящее из стандартных тегов и их атрибутов. Если в исходном тек- 
сте документа удалить эти псевдокомментарии, то связь с библиотечным 
источником разрывается и данный экземпляр становится обычным объек- 
том. 


Удаление элементов из библиотеки 


Удаление единиц библиотечного хранения — это двухшаговый процесс. 
Сначала надо удалить отслуживший свое объект непосредственно из биб- 
лиотеки. Затем все его применения на гипертекстовых страницах требуется 
сделать обычными редактируемыми объектами. Без второй операции про- 
грамма Огеатмеауег сохранит за такими объектами их библиотечный статус 
со всеми вытекающими из этого последствиями: блокировкой операций 
редактирования и маркировкой желтого цвета. 


Удалить раздел библиотеки можно следующим образом. 
1. Откройте любую страницу узла. 


2. Откройте палитру Аззе{з (Ресурсы) и перейдите в раздел ЫБгагу (Биб- 
лиотека). 


3. Выберите библиотечный элемент. 


374 


13.5. Библиотеки 


4. Щелкните на кнопке Оеее (Удалить) в правом нижнем углу палитры 


или просто нажмите клавишу ОЕТЕТЕ. 


5. Ответьте утвердительно на вопрос программы о желательности операции. 


Чтобы снять с объекта страницы статус экземпляра библиотечного элемента 
и придать ему обычную редактируемую форму, надо выбрать этот объект и 
в палитре Ргорему тзресог (Инспектор свойств) щелкнуть на кнопке Оеасп 
гот Опата! (Разорвать связь с оригиналом). 


Переименование библиотечных разделов 


Чтобы изменить имя библиотечного элемента, надо проделать следующую 
последовательность действий. 


1. 


Откройте любую страницу узла. Поскольку библиотека — это ресурс, 
общий для всех документов, ее содержимое независит от открытой стра- 
НИЦЫ. 


Откройте библиотечный раздел палитры Аз$е{$ (Ресурсы), например 
командой \М/тадоми > МЬгагу (Окно » Библиотека). 


Выберите библиотечный элемент. 


Дайте команду Кепате (Переименовать). Она представлена в меню палитры 
и в контекстном меню. Кроме того, можно после некоторой паузы 
повторно щелкнуть на имени элемента в палитре. 


Введите с клавиатуры новое имя. 
Подтвердите ввод нажатием клавиши ЕМТЕК. 


Откроется диалоговое окно Урда{е Ейез (Обновление файлов), в котором 
перечисляются все экземпляры данного элемента и требуется подтвер- 
дить или отказаться от изменения имен этих экземпляров. Существует 


Чае Гнес 


ДуБгагу/кнопка_2. 15 
Ами а О.И т 
Ами ес-1 Мп 


Рис. 13.3. Обновление файлов 
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не так много ситуаций, когда следует отказаться от обновления. Чтобы 
запустить процедуру обновления, надо щелкнуть на кнопке Урдае (Обно-. 
вить). Чтобы отказаться от обновления, воспользуйтесь кнопкой Ооп” 
Ираае (Не обновлять). 


Редактирование библиотечных элементов 


Ситуацию, когда созданный вариант библиотечного элемента является 
окончательным и не подлежит изменению, можно рассматривать как исклю- 
чительную. Практика показывает, что любые, даже тщательно отработан- 
ные и проверенные объекты иногда требуют правки. 


Отредактировать элемент библиотеки можно следующим образом. 


1. 
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Откройте библиотечный раздел палитры Аззе!з (Ресурсы), если тако- 
вой отсутствует, Для этого можно воспользоваться командой \\Итдом > 
ИБгагу (Окно » Библиотека). 


Выберите нужный раздел. 


Дайте команду Еда К (Правка) в палитре. Для доступа к этой команде суще- 
ствует рекордное число способов. Специальная кнопка палитры ресур- 
сов, расположенная в нижней ее части, меню палитры и контекстное 
меню, двойной щелчок по имени объекта. Кроме того, ее можно выдать 
из окна документа, если в нем есть хотя бы один экземпляр редактиру- 
емого объекта. 


Программа Огеатмеауег откроет новое окно документа и загрузит в него 
редактируемый объект. Это окно выглядит почти так же, как окно доку- 
мента при работе с обычными объектами. Два признака говорят о том, 
что ситуация отличается от стандартной. Это, во-первых, серый цвет 
фона, и, во-вторых, недоступность некоторых ресурсов программы. 
Внесите в объект все необходимые изменения. 


Дайте команду сохранения. Годится любой способ, например команда 
ЕИе » Зауе (Файл »> Сохранить) или комбинация клавиш СТКЕ+$. 


После сохранения объекта откроется диалоговое окно Урдае И гагу Метз 
(Обновить элементы библиотеки), содержащее две кнопки. С их помощью 
можно запустить процедуру глобального обновления страниц сайта или 
отказаться от нее. Для отказа от обновления надо щелкнуть на кнопке 
Ооп’+ Ирдае (Не обновлять). В этом случае в библиотеку записывается 
новый вариант объекта, но все его экземпляры на гипертекстовых стра- 
ницах не претерпят никаких изменений. Кнопка Ураае (Обновить) слу- 
жит для выполнения обновления. Эта команда, способная вызвать мас- 


штабные изменения на страницах узла, рассматривается в следующем 
разделе. 


Существует небольшое число ограничений на тип и свойства объектов, 
которые можно включать в библиотеку и редактировать ее средствами. 
В этот короткий дискриминационный список попадают временные диа- 
граммы, динамические сценарии и иерархические стилевые специфи- 
кации. Каждый их этих типов объектов использует функции на языке 
Лача5спрё которые размещаются в разделе заголовков документа. Напом- 
ним, что в библиотеки разрешается включать кодовые фрагменты только 
из тела документа — части, расположенной в области действия дескрип- 
тора <Боду>. Это ограничение обходится при помощи шаблонов, в кото- 
рые можно включить любые функции и сценарии. 


Обновление узла 


Программа Огеатмеауег имеет в своем арсенале команду обновления, кото- 
рая способна внести согласованные редакторские изменения сразу во все 
страницы узла. Это мощное средство способно существенно упростить про- 
цесс разработки и обслуживания больших узлов с высокой динамикой обнов- 
ления. 


Команда обновления может быть вызвана в двух различных ситуациях. 


» После внесения поправок в библиотечные элементы. В этом случае 
средством запуска служит кнопка Урдае (Обновить) в диалоговом окне 
Орда*е НЬгагу Кетз (Обновить элементы библиотеки). 


® Процесс обновления можетбыть запущен командой МоаЙу » МЬгагу» Урдае 
Сиггеп{ Раде (Изменить » Библиотека »> Обновить текущую страницу) или 
МоаНу » ИБгагу » Ирда{е Радез (Изменить » Библиотека » Обновить страницы). 


Первый способ отличается большим автоматизмом и меньшим числом доступ- 
ных настроек. В этом случае команда обновления просматривает все стра- 
ницы узла и меняет библиотечный элемент в соответствии стеми правками, 
которые внес в него автор. 


Второй способ можно назвать обновлением «по требованию». Его преиму- 
щества состоят в том, что громоздкую процедуру обновления пользователь 
может запустить в любой подходящий момент работы над сайтом, напри- 
мер после правки сразу нескольких элементов библиотеки. 


Обновление текущей страницы выполняется командой Моайу »> Шьгагу > 
Орда{е Сиггеп* Раде (Изменить »> Библиотека »> Обновить текущую страницу). В этом 
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случае программе не требуется дополнительных указаний, поэтому никакие 
диалоговые окна не отображаются. Программа Огеатмеауег просматривает 
страницу, сравнивает экземпляры элементов с библиотечными образцами 
и вносит все необходимые изменения. 


Обновление всех страниц узла выполняется следующим образом. 


1. 
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Дайте команду МодИу » МЬгагу > Урдае Радез (Изменить » Библиотека » 
Обновить страницы). 


Уточните параметры процесса обновления. Для этого программа откры- 
вает диалоговое окно Урдае Радез (Обновление страниц), показанное на 
рис. 13.4. Рассмотрим его содержимое. 


Рис. 13.4. Настройка проиедуры обновления 


Гоок т (Искать в). Здесь указывается область применения проце- 
дуры. Если в списке справа выбрано значение Еп+ге ЗНе (Весь сайт), 
то в левом следует выбрать имя обновляемого узла. Можно огра- 
ничить область распространения изменений, если в списке слева 
выбрать пункт Е!е ТНа+ зе (Файлы, использующие), а в списке спра- 
ва — имя библиотечного элемента. 


Ыргагу №ет$ (Библиотечные элементы). Этот флажок управляет види- 
мостью библиотечных элементов. Если он установлен, то в списке 
вверху справа приводятся названия всех библиотечных элемен- 
тов узла. 


Тетр!а4ез (Шаблоны). Этот флажок управляет видимостью шабло- 
нов. Если установить его, то в раскрывающемся списке вверху 
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справа станут доступными все шаблоны узла. Их можно вклю- 
чить в процедуру обновления. 


е — Эпом/ [09 (Показать отчет). Этот флажок регулирует вывод отчета о 
результатах обновления. Если он установлен, то в нижней части 
диалогового окна отображается подробная статистика процедуры 
обновления (рис.13.5). 


Рис. 13.5. Отчет об обновлении 


3. Запустите процесс щелчком на кнопке За“ (Начать). 


Программа  театииеаует в вносит тнеобходимые. изменения во все е страни- 
цы: и открытые, и закрытые. Чтобы принять сделанные поправки, все 
открытые страницы следует сохранить. 


Редакти рование динамических сценариев 


Динамические сценарии (Бейаол1от$) не могут храниться в библиотеке в чис- 
том виде как самостоятельные объекты гипертекстовых страниц. Но про- 
грамма разрешает заносить в библиотеку смешанные элементы: рисунки, 
текстовые фрагменты и пр., — с которыми связаны динамические сцена- 
рии. В этом случае на библиотечное хранение берутся сами объекты и ассо- 
циированные с ними обработчики событий. Программа Огеатмеауег не копи- 
рует в библиотечный файл описания программ на языке./аоа5спре. После 
вставки такого объекта из библиотеки программа автоматически размещает 
весь необходимый программный код в заголовочной части документа (если 
его там не было). 


Как поступать в тех случаях, когда требуется изменить программную часть 
сценария? Программа располагает для этого специальными средствами. 
Надо поместить объект на страницу, разрешить его редактирование, внести 
все необходимые правки в программную часть, а затем выполнить команду 
восстановления библиотечных элементов. 


379 


Рассмотрим эту процедуру более подробно. 


1. 


2 
3. 
4 


сл 


10. 


. Впалитре Аззе{$ (Ресурсы) дайте команду М№еми ИБгагу Мет (Новый библио- 


12. 


13. 


14. 


15. 


16. 
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Откройте документ, содержащий библиотечный объект. 
Выберите экземпляр библиотечного объекта. 
Откройте палитру Ргорему пзрес‘ог (Инспектор свойств). 


Дайте из этой палитры команду Беасп {гот Опдта! (Разорвать связь с ори- 
гиналом). 


Дайте команду \/тао\ » Вепам!ог$ (Окно »> Режимы) — откроется палитра 
Вевам!огз (Режимы). В этой палитре отображается список всех сценариев, 
связанных с данным объектом. 


Дважды щелкните на имени сценария в палитре. Откроется диалого- 
вое окно, предназначенное для редактирования сценариев данного типа. 


Внесите в сценарий необходимые изменения и закончите его редакти- 
рование щелчком на кнопке ОК. 


Откройте библиотечный раздел палитры ресурсов. Для этого дайте 
команду \\/тдоми » Нгагу (Окно » Библиотека). 


Удалите из библиотеки раздел, который был изменен. Для этого выбе- 
рите его и нажмите клавишу ОЕЦЕТЕ. 


В окне документа выберите измененный объект. 


течный элемент). Новый элемент записывается в палитру под именем 
ОпешеаМ. 


Измените имя, причем новое имя должно совпадать с именем ранее 
удаленного библиотечного элемента с точностью до регистра отдель- 
НЫХ СИМВОЛОВ. 


Обновите все страницы узла. Для этого дайте команду МоаНу » Игагу »> 
Орда{е Раде$ (Изменить » Библиотека » Обновить страницы). 


В диалоговом окне Урдае Раде$ (Обновление страниц), показанном нарис. 13.4, 
выберите в раскрывающемся списке слева пункт Ейе ТВа+ Цзе (Файлы, 
использующие). 


Во втором раскрывающемся списке этого диалогового окна выберите 
имя отредактированного и зарегистрированного объекта. 


Установите флажок НЬгагу №етз (Библиотечные элементы) и запустите 
процедуру обновления щелчком на кнопке $аг{ (Начать). 


13.6. Включения стороны сервера. 


Все больше страниц Интернета строится с расчетом на динамическое обнов- 
ление контента. Это обновление может заключаться в простом изменении 
даты, счетчика посещений или курса валюты. Задачи такого уровня слож- 
ности решаются средствами, которыми располагают язык гипертекстовой 
разметки и языки сценариев. Динамическое изменение информационного 
наполнения узла может означать и развитую интерактивность, связь с рас- 
пределенной базой данных и переверстку гипертекстовых страниц «на 
лету». Для поддержки таких возможностей классического языка НТМЕ 
недостаточно: здесь требуются специальные технологии и мощные инст- 
рументы. 


Во всемирной Сети получили распространение несколько различных 
технологий поддержки динамических узлов, наиболее распространенные 
из них — 551 (5етоет Зае тсшае, включения стороны сервера), СС1(Соттоп 
Сшешау Гщеграсе, общий шлюзовой интерфейс), А5Р (Асйие 5еиет Равез, 
активные серверные страницы). 


Включения стороны сервера, или, как иногда называют этот метод, вставки 
на уровне сервера, — это простейшая и самая старая технология создания и 
поддержки динамически обновляемых страниц. Ее возможности ограни- 
чиваются вставкой внутрь одного файла НТМЕ содержимого другого файла. 


Суть технологии проста. На исходной гипертекстовой странице размеща- 
ются специальные предписания, требующие выполнить вставку внешних 
файлов. Сервер, обрабатывая такую страницу, выполняет положенные замены 
и пересылает программе просмотра, работающей на клиентском компью- 
тере, документ, собранный в полном соответствии с инструкциями 551. 


Файлы, требующие препроцессорной обработки, получают характерное 
расширение, по которым сервер легко отличает их от обычных документов 
НТМЕ. Обычно в качестве таких расширений используются .ЗНТМ, „.ЗНТМЕ 
или МС. Включениями стороны сервера могут быть объявлены любые 
объекты, которые в принципе разрешается размещать на гипертекстовых 
страницах: рисунки, программные коды, формы и многое другое. 


Чтобы корректно собрать документ НТМЕ, в его состав следует включить 
специальные инструкции, которые описывают тип, расположение вставки 
и условия ее размещения в документе. Например, подобная инструкция 
может иметь такой вид: 


<|--Нисуде Не=Чи5ен.Ьт"-->. 
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Эта директива предписывает включить в состав документа содержимое 
файла тзен. пит. Его имя задано в относительной системе адресации; за точку 
отсчета принято положение собираемого документа. 


Следующий фрагмент показывает пример оформления вставки графичес- 
кого файла, причем его адрес относительно корневой папки узла: 


<!--#тсиде мпиа|=" /миммм/ рсгез/таде.!-=> 


Если на странице НТМЕ требуется вывести текущую дату, то в любое место 
тела документа можно поместить следующую директиву: 


<|--Несро уаг="ОАТЕ_(ОСАЁ--> 


Инструкции 55Г оформляются как обычные комментарии НТМЕ. Программы 
просмотра просто игнорируют коды этого типа, а серверы обрабатывают 
их в полном соответствии со спецификацией. 


Одним из существенных преимуществ технологии включений стороны сер- 
вера можно считать возможность получать динамическую информацию о 
состоянии сервера. Эти задачи выполняют так называемые переменные 
окружения. Через них можно, например, передать в документ дату послед- 
него обновления некоторого файла, его адрес ОВГ и другую информацию. 


В таблице 13.1 приведены некоторые инструкции 55[ и их модификаторы. 


Таблица 13.1. Директивы $5$/ 


Директива Атрибуты Описание 

<!--#сопН9--—> еггт$а, зхент\, Настройка сообщений об ошибках 
{тет и пр. 

<!-—Несво--—> маг или переменные Возврат специфических значений 
окружения 

<!--—ЗЖехес-—> ста или сд! Выполнение системных команд или 


программ СС/ 


<!--#Назтоае-—> Не или миа! Вывод даты последнего изменения 
файла 

<!-—-#57е-—> Не или ущиа| Вывод размера файла 

<!-—#тсамае-—> ЕИе или миа! Вставка содержимого указанного 
файла 
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Вставка объектов $$1 


Программы просмотра, по крайней мере их текущие версии, не обладают 
способностью отображать гипертекстовые документы, содержащие вклю- 
чения стороны сервера. Чтобы увидеть страницу с включениями 55/ в гото- 
вом виде, ее требуется загрузить на удаленный сервер или установить сер- 
верное программное обеспечение на локальный компьютер. 


Есть еще одна возможность получить представление об истинной плани- 
ровке страницы, содержащей серверные включения. Программа Огеатмеауег 
имеет специальные средства, позволяющие собрать такой документ и загру- 
зить его смонтированную версию в программу просмотра. 


Чтобы собрать и правильно отобразить в окне внешние серверные вставки, 
программа использует специальные трансляторы, которые имитируют 
работу сервера по сборке документа. 


После выполнения команды на создание включения стороны сервера про- 
грамма Огеатмиеауег размещает в теле основного документа ссылку на вне- 
шний файл. В окно документа редактор выводит собранную версию доку- 
мента вместе с содержимым внешних файлов. Программа отображает внеш- 
ние включения только для предварительного просмотра; их редактирование 
в окне документа запрещено. Для изменения объектов 55/1 требуется пря- 
мое редактирование файлов, в которых они сохранены. 


Существует два типа серверных включений: Миа! (Виртуальное) и Ейе (Фай- 
ловое). Выбор одного из них зависит от типа серверного программного обес- 
печения. 


» Не будет преувеличением утверждение, что наибольшее распростра- 
нение в нашей стране получили \е-серверы Араспе. Для этих серве- 
ров следует отдать предпочтение типу Уча! (Виртуальное). Эта уста- 
новка задана в программе Огеатмеауег по умолчанию. 


® Серверы П5 фирмы Мгсто5ой! требуют выбора типа Ейе (Файловое). 


» Чтобы определить предпочтительный тип включений стороны сер- 
вера для прочих Тер-серверов, требуется получить консультацию у 
администрации сети. 


Вставка объекта 551 выполняется следующим образом. 
1. Откройте документ, в который следует включить внешний фрагмент. 


2. Поместите текстовый курсор в то место документа, в котором должно 
быть расположено включение стороны сервера. 
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Дайте команду Ипзег* » Зегуег-Э1ае псшае (Вставка » Включение стороны сер- 
вера). Другой способ выполнения вставки дает кнопка $егуег-$14е пс!иде 
(Вставка > Включение стороны сервера) палитры ОБес* (Объекты), распо- 
ложенная в разделе Соттоп (Общие). 


В диалоговом окне Зеес+ Ейе (Выбор файла) найдите и выберите файл, в 
котором хранится включение стороны сервера. Если этот файл распо- 
ложен на удаленном компьютере, то в поле ЦВЕ (Адрес УК!) введите его 
полный адрес в Интернете. 


Завершите процедуру вставки щелчком по кнопке Зееси (Выбрать) в 
этом диалоговом окне. 


Поскольку в включения я Стороны <ервера могут быть размещены только В 
пределах тела документа, то есть в части, ограниченной дескрипторной 
парой <Боду> </Боду>, на их содержимое накладывается ряд ограниче- 
ний. Гипертекстовые вставки не могут содержать дескрипторы <Веад>, 
<НЦе>, <тека> и <Бобу>. Ввод подобных кодовых фрагментов можно 
выполнить влюбом текстовом редакторе или даже при помощи программы 
Отеатмеауег. После создания объекта 55] надо вызвать Инспектор кода 
(Е10) и удалить в все ‘запрещенные дескрипторы. 


Отредактировать серверную вставку можно следующим образом. 


1. 


2 
3. 
4 


Выберите ее в окне документа. 
Откройте палитру Ргоре“у тзрес{ог (Инспектор свойств). 
Щелкните на кнопке Еай (Правка) на этой палитре. 


Серверная вставка загрузится в новое окно документа программы. После 
внесения необходимых правок дайте команду сохранения и закройте 


окно документа. 
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При помощи палитры Ргорепу Тпересвог (Инспектор свойств) | можно не 
только открывать серверные вставки для редактирования. Она имеет 
средства для изменения типа вставки (УШиа! или Я(е) и выбора другого 
целевого файла. 


14. Шаблоны 


Шаблон, по определению энциклопедического словаря, — это образец или 
штамп для подражания. Подобное толкование несет заметный оттенок недо- 
брокачественности или вторичности. В области Уеб-дизайна и предпечат- 
ной подготовки к шаблонам относятся иначе. Это вполне доброкачествен- 
ный инструмент, свободное владение которым можно рассматривать как 
один из признаков мастерства и профессиональной зрелости дизайнера. 


Шаблон — это матрица, способная к неограниченному воспроизводству 
клонов — документов. Документы, созданные по шаблону, наследуют все 
его признаки форматирования, стили, планировку страниц, внедренные 
объекты и многое другое. Кроме того, они сохраняют связь с родительским 
объектом. Изменения, внесенные в шаблон, влекут за собой обновление 
дизайна всех порожденных документов. Подобная индукция не всегда выго- 
дна. Программа Огеатмеауег располагает специальными средствами, кото- 
рые позволяют разорвать «пуповину», связывающую шаблон и созданные 
на его основе документы. 


При разработке шаблона следует определить блокированные (закрытые) 
и редактируемые (открытые) части документа. Это деление относится толь- 
ко к порожденным документам. Их блокированные части недоступны для 
внесения изменений; работа с открытыми областями ничем не отличается 
от обычных гипертекстовых страниц. Сами шаблоны — это полностью от- 
крытые объекты, доступные для редактирования средствами программы 
Огеатмеауег. 


Какие цели преследует такое разделение? Часто периодические сетевые 
издания или виртуальные проекты коллективной разработки можно раз- 
делить на постоянную и переменную части. Постоянная часть повторяется 
в каждом отдельном документе и является носителем фирменного стиля 
или единой структуры проекта. Например, таковы рубрикация сетевого 
периодического журнала или фирменный логотип на страницах техническо- 
го руководства. Подобные фрагменты целесообразно включать в шаблоны и 
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объявлять областями, закрытыми для внесения редакторских изменений. 
Открытые области страниц хранят переменную информацию, то есть све- 
дения, которые отличаются высокой динамикой изменений. Создание кон- 
тента таких областей выполняется обычными средствами. 


Страницы, созданные на основе шаблона, сохраняют связь с родительским 
объектом после завершения разработки и даже после публикации. Изме- 
нения, внесенные в блокированные области шаблона, переносятся на все 
порожденные гипертекстовые страницы. Эту связь можно разорвать. Про- 
грамма располагает специальной командой, которая «отчуждает» гипертек- 
стовую страницу от шаблона и превращает их в совершенно независимые 
объекты. 


Шаблоны — это неединственное средство поддержки согласованного дизайна 
и коллективной разработки больших проектов. Сходные задачи решают 
библиотеки и включения стороны сервера, которые часто в изданиях на 
русском языке именуются английской аббревиатурой 551 (5етоет-б1ае 
тсшае). 


Работа с библиотеками рассмотрена в предыдущей главе достаточно под- 
робно. Несколько дополнительных слов о технологии включений стороны 
сервера. Эта идея не нова для информатики; так, многие языки программи- 
рования располагают средствами, позволяющими включать в состав исход- 
ных текстов программ содержимое внешних файлов. 


Включения стороны сервера 55/1 представляют собой специальный язык и 
технологию, которая позволяет \е-серверу включать в текст страниц 
НТМЕ содержимое других источников, текстовое или гипертекстовое. 
Окончательная сборка документа выполняется сервером непосредственно 
перед отправлением страницы НТМЕ броузеру пользователя. Все монтаж- 
ные операции абсолютно закрыты от конечного потребителя; он может даже 
не подозревать, что обозреваемая им страница содержит вставки или заим- 
ствования. 


Гибкость и большие возможности повторного использования практически 
любого гипертекстового кода, которые дает разработчику технология вклю- 
чений стороны сервера, имеют свою оборотную сторону. С точки зрения 
информационной безопасности, объекты 551 часто представляют собой 
потенциально уязвимое место вычислительной системы. Многие провай- 
деры даже запрещают использование этих объектов на своих серверах. Кроме 
того, включения стороны сервера не могут обрабатываться программами 
просмотра. Все операции по сборке документа, содержащего включения 551, 
должны выполняться сервером. 
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Библиотечные объекты обладают высокой гибкостью, могут обрабатываться 
броузерами, но запрет на включение в состав библиотечных разделов кода 
заголовочной части существенно ограничивает универсальность этого сред- 
ства. 


В шаблонах удачно объединены универсальность и большие выразительные 
возможности включений стороны сервера и гибкость библиотек объектов. 


14.1. Создание шаблонов 


Новый шаблон можно создать на основе существующего гипертекстового 
документа или разработать «с нуля». Программа Огеатмеауег хранит шаб- 
лоны в файлах с расширением .О\МТ в специально отведенной для этих целей 
папке Тетраез, вложенной в корневую папку сайта. Эта папка автомати- 
чески создается программой, как только разработан и сохранен первый такой 
документ. 


Папку с шаблонами нельзя переименовывать или перемещать в другой 
родительский каталог. Более того, в этот раздел файловой системы запре- 
щается записывать файлы иного типа. Подобные действия способны 
вызвать ошибки на страницах документов, использующих форматиро- 
вание по шаблону. 


Дополнительную информацию о шаблоне можно сохранить в коммента- 
риях разработчика, которые связываются только с ним и не наследуются 
порожденными документами. Большинство операций по созданию плани- 
ровки и информационному наполнению шаблонов выполняется в режиме 
Оез!дп Уеми (Режим планировки). Наиболее типичной причиной недоступности 
нужных команд при работе с такими объектами является неправильный 
режим отображения страниц. 


Несколько замечаний по ПОВОДУ Тактики создания шаблонов. 


Если на обычных гипертекстовых страницах графические и текстовые «за- 
глушки» — это временная мера, допустимая только на определенных ста- 
диях разработки, то для шаблонов их применение не только целесообразно, 
но часто и необходимо. Макеты текстовых фрагментов и графических обра- 
зов позволяет сохранить планировку документа, они также служат напо- 
минанием о необходимости включения на данные позиции постоянных 
объектов определенного типа. 


Элементы дизайна, повторяющиеся на нескольких страницах проекта, сле- 
дует включать в состав шаблона. 
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Одним из типов повторяющейся служебной информации являются мета- 
дескрипторы, которые позволяют выполнить индексацию страницы поис- 
ковыми машинами. Несмотря на то что эти сведения располагаются в раз- 
деле заголовков документа, их можно объявить составной частью шаблона. 


Когда гипертекстовый документ сохраняется в формате шаблона, его заго- 
ловочная часть блокируется, то есть становится защищенной от внесения 
изменений. Часть кода иерархических стилевых спецификаций и динами- 
ческих сценариев располагается в области действия дескриптора <Неаа>. 
Если на порожденных страницах предполагается использовать эти возмож- 
ности динамического НТМЕ, то все необходимые описания следует зара- 
нее внести в раздел заголовков шаблона. 


Создание шаблона 


Любой существующий гипертекстовый документ можно превратить в шаб- 
лон. Эта технически простая операция выполняется следующим образом. 


1. Откройте документ командой Ее » Ореп (Файл » Открыть). 

2. Внесите в документ необходимые правки. 

3. Дайте команду Ее » Зауе аз Тетр/е (Файл » Сохранить как шаблон). 
4 


Откроется диалоговое окно (рис. 14.1), в котором надо выбрать \еф- 
узел и название нового шаблона. 


Тетр!ае 


Рис. 14.1. Создание шаблона 


5. Щелкните на кнопке $ауе (Сохранить). 


Если документ, принятый за образец, связан с уже существующим шаб- 
лоном, то перед сохранением его в качестве нового шаблона требуется 
дать команду, разрывающую эту связь. 
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После сохранения документа в виде шаблона программа Огеат\меауег 
вставляет в строку заголовка пометку <<Тетр{а{е>>, которая напомина- 
ет о роли документа. 


«С чистого листа» шаблоны создаются несколько иначе. 


1. Дайте команду М/Ипаом » Тетр/мез (Окно »> Шаблоны). На экране появится 
палитра А$зе{$ (Ресурсы) с активным разделом Тетр/а{е$ (Шаблоны). 


2. Дайте на палитре команду № м Тетр!ае (Новый шаблон). Эта команда — 
один из пунктов меню, открываемого щелчком на треугольной кнопке 
справа. 


3. В центральной части палитры появится значок нового шаблона с име- 
нем, которое программа присвоит ему по умолчанию. Для него можно 
сразу же ввести содержательное наименование. 


4. Откройте новый пустой шаблон двойным щелчком на его имени в па- 
литре Аззе!$ (Ресурсы). 


Изменение шаблона 


Шаблоны, как и любые другие объекты, созданные средствами программы 
Огеатмеауег, можно редактировать. К сожалению, авторам программы не 
удалось добиться единообразия команд для основных операций редактиро- 
вания шаблонов. Они распределены по нескольким разделам строки меню 
программы и меню палитры ресурсов. 


Чтобы изменить шаблон, на котором основывается открытый документ, 
надо дать команду МодИНу »> Тетр/ае$ »> Ореп АНаснед Тетр!а{е (Изменить » 
Шаблоны » Открыть присоединенный шаблон). 


Файл шаблона можно открыть так. 


1. Откройте палитру Аззе!з (Ресурсы) и перейдите в ее раздел Тетр/аиез 
(Шаблоны). Для этого проще всего дать команду М/пдом > Тетра{ез (Окно > 
Шаблоны). 


2. Палитра представляет имена всех шаблонов текущего узла и показы- 
вает эскиз выбранного документа. Выберите имя нужного шаблона. 


3. Загрузите выбранный шаблон в окно документа для редактирования. 
Существует, по крайней мере, четыре способа это сделать: 


® кнопка Ед (Правка) в нижней части палитры; 


® одноименная команда меню палитры; 
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е одноименная команда контекстного меню, которое открывается при 
щелчке правой кнопкой мыши; 


е ДВОЙНОЙ щелчок на имени шаблона. 


Большая часть ресурсов программы применяется и при редактировании 
шаблонов. После внесения в документ необходимых изменений надо сохра- 
нить новую версию шаблона. Для этого надо дать штатную команду про- 
граммы Ее » Зауе (Файл » Сохранить). 


При сохранении шаблона, не содержащего ни одной редактируемой обла- 
сти, программа выводит окно с предупреждением. Это не является пре- 
пятствием к сохранению, но полезность такого шаблона можно поставить 
под сомнение. Документы, созданные на его основе, полностью закрыты 
для правки. Сам шаблон доступен для внесения редакторских измене- 
ний. 


Переименование шаблона выполняется следующим образом. 


1. Откройте палитру А$зе{$ (Ресурсы) и перейдите в раздел Тетр/а1е$ (Шаб- 
ЛОНЫ ). 


2. Выберите имя шаблона в палитре и после некоторой паузы щелкните 
на имени второй раз. 


Введите новое имя. 
Подтвердите операцию нажатием клавиши ЕМТЕК. 


Программа Огеатмеауег выведет запрос на обновление связанных с шаб- 
лоном документов. 


» Чтобы обновить все документы, созданные на основе шаблона, 
надо щелкнуть на кнопке Урда{е (Обновить). 


» — Если процедуру обновления следует отложить, щелкните на кнопке 
Ооп’+ Урда{е (Не обновлять). В этом случае каждую страницу, свя- 
занную с шаблоном, можно обновить в индивидуальном порядке 
при помощи команды МоаЙу » Тетр/а{е$ »> Ирдае (Изменить » Шаб- 
лоны » Обновить). 


Удаление отработанных шаблонов выполняется следующим образом. 
1. Выберите имя шаблона в палитре Аззе{з (Ресурсы). 


2. Дайте команду Оеве (Удалить). Эта команда представлена в меню палитры 
и в контекстном меню. Ей также соответствует командная кнопка в 
нижней части палитры ресурсов. 
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После удаления шаблона документы, созданные на его основе, не претер- 
пят никаких изменений ни по виду, ни по сути. Они сохраняют даже задан- 
ное родительским шаблоном деление на блокированные и редактируемые 
области. Чтобы перевести такие документы в обычную форму НТМЕ, надо 
дать команду разъединения с шаблоном: МодИу »> Тетр!а{ез > ОеёасН {гот 
Тетр!ме (Изменить »> Шаблоны » Разорвать связь с шаблоном). 


14.2. Редактирование шаблонов 


Любой вновь созданный шаблон является полностью открытым объектом — 
при применении операций форматирования и информационного наполне- 
ния он ведет себя подобно обычной странице НТМЕ. Гипертекстовые доку- 
менты, созданные на его основе, наследуют все свойства родительского 
объекта, кроме заголовка, то есть содержимого парного дескриптора <н#е>. 


Создание редактируемых областей 


По умолчанию принимается соглашение, согласно которому документы, 
порожденные новым шаблоном, состоят из одной блокированной рабочей 
области. Программа разрешает сохранять и такие шаблоны, но их практи- 
ческое значение невелико. Ценные шаблоны должны иметь не только тща- 
тельно отработанный дизайн, но и продуманное и устойчивое деление на 
блокированные и редактируемые области. 


Объявить область шаблона редактируемой можно так. 


1. Загрузите шаблон в окно программы и выберите в нем область, кото- 
рую требуется открыть для редактирования. 


2. Дайте нужную команду. Как и большую часть технических действий в 
программе, эту команду можно выполнить несколькими разными спо- 
собами. Перечислим их: 


е® команда МоаНу »> Тетр!а{ез$ »> Меми ЕаМаЫе Кедгоп (Изменить > Шабло- 
ны » Новая редактируемая область). 


» щелчок правой кнопки мыши на выбранном фрагменте и выбор 
из открывшегося контекстного меню команды Мем ЕдмаЫе Кедоп 
(Новая редактируемая область). 


е комбинация клавиш СТВЕ+АЕТ+У. 


3. Откроется диалоговое окно №ем ЕдНаЫе Ведгоп (Новая редактируемая об- 
ласть), в котором надо ввести имя новой области и подтвердить опера- 
цию щелчком на кнопке ОК. 


391 


14. Шаблоны 


Ву именах ‚ редактируемых областей опускается ь использовать ь пробелы, 
но запрещаются следующие специальные символы: ? (вопросительный 
знак), «(двойная кавычка), ” (апостроф), < и > (угловые скобки). 


Редактируемые области шаблона выделяются специальным прямоуголь- 
ником, охватывающим все внутренние объекты. Кроме того, каждая область 
имеет уникальное имя, которое выводится на специальном ярлычке в верх- 
нем левом углу этого прямоугольника (рис. 14.2). 


„ <<Гетрще>> (Содег Чи) Ог 


По умолчанию принимается ‹ соглашение, согласно 
‘которому документы, порожденные по новому 
‚шаблону, состоят из одной блокированной рабочей 


Е Программа разрешает сохранять и такие шаблоны, но их практическое 
значение невелико. Востребованные шаблоны должны иметь не только 
тщательно отработанный дизайн, но и продуманное и устойчивое 

Г деление на закрытые и открытые области. 


Рис. 14.2. Шаблон с двумя редактируемыми областями 


Существует общее правило расположения областей, согласно которому 
редактируемый фрагмент должен представлять собой часть документа, огра- 
ниченную парными дескрипторами. Например, это может быть вся таблица 
(<{аЫе> < /1аЫе>) или ячейка таблицы (<1а> </а>). Программа Огеатмеауег 
не различает выбора ячейки таблицы или содержимого ячейки. Такой выбор 
считается эквивалентным. 


Слои и их наполнение — это разные объекты. Объявить открытым слой — 
значит, дать возможность менять его положение в пределах документа; от- 
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крыть содержимое слоя — значит, сделать все объекты, расположенные на 
нем, доступными для изменений. 


Имена всех созданных редактируемых областей шаблона отображаются в 
меню, которое открывается командой МоаНу » Тетр!ае$ (Изменить » Шабло- 
ны). Эти имена представляют команды перехода в редактируемые области 
документа. 


Можно не только объявить открытой выделенную область шаблона, но и 
вставить новую, первоначально пустую, область, свободную для наполне- 
ния и форматирования. 


1. Откройте шаблон и поместите текстовый курсор в позицию вставки. 


2. Дайте команду МоаЙу »> Тетрае$ » Мем/ Е4КаЫе Ведюп (Изменить » Шаблоны » 
Новая редактируемая область). 


3. В одноименном диалоговом окне введите имя новой области. 
4. Подтвердите создание области щелчком на кнопке ОК. 


В позиции текстового курсора появится пустая область, которая первона- 
чально представлена именем, заключенным в фигурные скобки. И в шаб- 
лоне, и во всех документах, созданных на его основе, это символическое 
обозначение можно заменить надлежащим контентом: текстом или графикой. 
На рисунке 14.2 показана одна пустая область; она называется Етруу. 


Любой документ, сохраненный в формате шаблона, автоматически полу- 
чает одну открытую область под названием досЯ&е. Это область хране- 
ния заголовка шаблона. Чтобы изменить предлагаемый по умолчанию 
заголовок УпН ед Воситеп\, надо, например, открыть диалоговое окно 
настроек страницы (СТКЕ+)) и в поле Пе (Заголовок) ввести нужное 
название. 


Операция создания открытой области обратима. Заблокировать открытую 
область шаблона можно следующим образом. 


1. Откройте шаблон. 


2. Дайте команду МоаНу » Тетр/з{е$ > Кетоуе ЕдйаЫе Кедоп (Изменить » 
Шаблоны » Удалить редактируемую область). 


3. Откроется одноименное диалоговое окно, в котором надо выбрать имя 
области и подтвердить операцию щелчком на кнопке ОК. 


Эта операция удаляет все признаки редактируемой области, оставляя неиз- 
менным ее содержимое. 
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Ранее отмечалось, что любая пустая редактируемая область помечается 
в рабочем поле шаблона именем, заключенным в фигурные скобки. Ко- 
манда Кетоуе Е4КаЦе Кедтоп (Удалить редактируемую область) успеш- 
но работает с такими областями: она удаляет все признаки редактируе- 
мой области, но оставляет имя, которое становится просто частью тек- 
ста. На шаблоне это имя можно убрать вручную. Чтобы исключить его из 
всех порожденных шаблоном документов, следует выполнить команду 
обновления. 


Информационное наполнение 


Для заполнения шаблона можно применить весь арсенал средств проекти- 
рования, которым располагает программа Огеатмеауег. Существующие огра- 
ничения связаны, главным образом, не с созданием планировки шаблона 
или его форматированием, а с применением разработанного проекта к 
гипертекстовым документам. 


Приведем описание процедуры, которая позволяет обойти немногочислен- 
ные запреты на применение средств форматирования к шаблону. Ее основ- 
ная идея состоит в том, что созданная на основе шаблона новая страница 
отделяется от родительского образца. Разрыв связи делает страницу авто- 
номным образованием и, тем самым, снимает все ограничения на примене- 
ние средств и инструментов программы. Страница с завершенным дизайном 
объявляется новым шаблоном и заменяет старый образец. 


Следует отметить, что прибегать к этой громоздкой и небезопасной проце- 
дуре целесообразно только в крайних случаях. Большая часть задач по раз- 
работке дизайна шаблона и его планировке имеет в программе Огеатмеауег 
прямое решение. | 


Эта процедура описывается следующей последовательностью действий. 


1. Дайте команду Е!е » №ем {гот Тетр/ае (Файл » Создать на основе шаблона) 
и создайте страницу, дублирующую дизайн шаблона, подлежащего изме- 
нению. Сохраните страницу под любым именем в виде обычного доку- 
мента. 


2. Разорвите связь страницы с родительским шаблоном. Для этого дайте 
команду МоаНу » Тетр/ме$ > ОБефасй гот Тетр!з4е (Изменить »> Шаблоны » 
Разорвать связь с шаблоном). После этого шага у нас есть точная копия 
шаблона без ограничений на применение редакторских операций. 


3. Внесите в страницу все необходимые изменения. 
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4. Сохраните готовую страницу в формате шаблона Огеат\меауег. Для этого 
дайте команду Е!е » Зауе аз Тетр!зке (Файл » Сохранить как шаблон). В прин- 
ципе можно сразу выбрать для нового шаблона то же имя, что было у 
старого. Но это решение необратимо: оно способно привести к краху 
всего проекта, если в новом шаблоне окажутся ошибки или даже мелкие 
несогласованности. Поэтому имеет смысл сохранить шаблон под дру- 
гим именем, например ту_1етр!а{е_пеми. ам“, если имя старого шаблона 
было ту_4етр!ае.ам/. 


5. Создайте на новом шаблоне редактируемые области. Их расположение 
и имена должны быть такими же, как на старом образце. Эту задачу 
решает команда МоаНу » Тетр!а{е$ > Мем/ Е4цае Кедюп (Изменить » Шаб- 
лоны » Новая редактируемая область). Очень важно, чтобы количество и 
названия редактируемых областей нового шаблона в точности совпа- 
дали со старым образцом. Операции переформатирования документов 
при назначении нового шаблона базируются на соответствии открытых 
областей. По завершению этих операций сохраните шаблон и выйдите 
из программы Огеатмеауег. 


6. Средствами операционной системы найдите папку, содержащую оба 
шаблона, и переименуйте их. Старый можно, например, назвать 
ту_{етр!а{е_Баскир.ам\, а новый должен получить имя ту _4етр/а\е. дм 
вместо ту_1етр/а*е_пеми.ам\. Такое переименование позволяет осущест- 
вить замену старого шаблона новым. 


7. Запустите программу Огеатмеауег и откройте новую редакцию шабло- 
на — ту_4етр/а{е_пе\м. ами. Дайте команду МоаЙу »> Тетр!а{е$ »> Ирдае Радез 
(Изменить » Шаблоны » Обновить страницы), которая актуализирует все 
страницы, связанные с данным образцом. 


несогласованности планировки или форматирования, то, имея резерв- 
ную копию старого шаблона (ту _{етр(а*е_БасКир.4м), можно выпол- 
нить откат и вернуться предыдущему варианту оформления всех или 
только избранных страниц. 


Вставка динамических сценариев 


Динамические сценарии (Бейао1о7$) — это очень удобное средство создания 
динамических эффектов на гипертекстовых страницах. Динамическое пове- 
дение, которое требуется сообщить текстовому или графическому объекту, 
программируется на языке /аоа5спрё или УВбспре. Эти короткие программы 
должны быть написаны и отработаны заранее и внедрены в исходный текст 
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гипертекстового документа. Для записи текста программ может быть исполь- 
зовано тело документа или раздел заголовков. Если документ создан на 
основе шаблона, то его раздел заголовков закрыт для редактирования. Исклю- 
чением является короткий фрагмент дос!\е, хранящий заголовок документа. 
Логично предположить, что запись программных кодов в блокированную 
часть раздела заголовков может окончиться неудачей. 


Это обоснованное теоретическое суждение требует практической коррек- 
тировки. В состав программы Огеатмеауег входит несколько стандартных, 
предустановленных сценариев, которые, по замыслу разработчиков про- 
граммы, нашли наибольшее применение в проектной практике \еБ-дизай- 
неров. Эти тщательно отработанные динамические сценарии обладают мак- 
симальной совместимостью со старыми версиями программ просмотра. 
Многие из них требуют вставки обширных фрагментов кода в раздел заго- 
ловков страницы. Все подобные включения выполняются совершенно без- 
болезненно и не требуют проведения каких-либо дополнительных меро- 
приятий. 


В свободном обращении в Сети находятся многие сотни сценариев, разра- 
ботанных разными фирмами и программистами-одиночками. Программа 
Огеатмеауег обладает всеми необходимыми инструментами для включения 
программных кодов сторонних разработчиков в состав гипертекстового 
документа. 


Чтобы гарантировать безболезненную «имплантацию» кодовых фрагмен- 
тов в закрытый раздел заголовков документа, требуется внести правки в 
родительский шаблон. В чем они заключаются? В раздел заголовков шаб- 
лона вводится дополнительная открытая область для хранения кодовых 
последовательностей динамических сценариев. Эта операция выполняется 
следующим образом. 


1. Откройте шаблон. 


2. Откройте окно Инспектор кода. Для этого можно воспользоваться коман- 
дой \Итаом > Соде |пзрестюг (Окно » Инспектор кода) или клавишей Е10. 


3. Поместите текстовый курсор непосредственно перед закрывающим 
дескриптором < /пеаа>. 


4. Введите с клавиатуры следующий фрагмент кода. 
<тт:еайаЫе> 
<$спрЕ> 


</зспрЕ> 
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</тт:еайаЫе> 


<тт:еЧйаЫе> 
<|--Любой комментарий, который будет уничтожен программой --> 
</тт:ед!аЫе> 


5. Сохраните изменения в шаблоне и подтвердите обновление связанных 
страниц. 


После этого динамические сценарии могут быть добавлены как к самому 
шаблону, так и к документам, созданным на его основе, без риска потерять 
программную часть, ассоциированную со сценарием. 


Ссылки на шаблонах 


Гипертекстовые ссылки, размещенные на страницах шаблона, наследуются 
порожденными документами, как и другие объекты и коды разметки. Однако 
процедура создания таких ссылок имеет несколько особенностей. 


Напомним способы построения гипертекстовых адресов, принятые в про- 
грамме. Существует два принципиально различных подхода к целеуказа- 
нию объектов: абсолютная и относительная адресация. При абсолютной 
адресации местоположение объекта задается его полным адресом, которым, 
в зависимости от ситуации, может быть адрес (АГ или полный путь поиска 
файла. Метод относительной адресации использует для целеуказания неко- 
торую точку отсчета в файловой системе — своеобразное начало коорди- 
нат. Программа Огеатмеауег разрешает отсчет относительных адресов от 
положения текущего документа или от корневой папки \еф-узла. В зави- 
симости от выбранной точки отсчета, относительные адреса делятся на две 
группы. В сопроводительной документации на программу они называют- 
ся доситет-тёание (относительно документа) и гоо-те[аное (относительно 
корневой папки). Точный перевод этих терминов на русский язык весьма 
громоздок, хотя и часто употребляется в технической литературе. Будем 
называть метод 7о0{-теаНое корневой адресацией, а доситетЕ-теаНие —отно- 
сительной адресацией. Такое упрощение имеет под собой достаточно серь- 
езные основания. Задание адресов ссылочных объектов от положения теку- 
щего документа — это наименее жесткий и самый неустойчивый способ 
адресации, поэтому есть все основания именовать его относительным. 


Напомним кратко основные особенности каждого из методов адресации. 
Создать ссылку на внешний объект или ресурс, не принадлежащий данному 
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локальному или удаленному сайту, можно только записав его полный абсо- 
лютный адрес ОРГ. В этой области такой способ не имеет альтернатив, по- 
этому остается только принять все издержки, связанные с его применением. 


Для целеуказания объектов, принадлежащих локальному узлу, можно исполь- 
зовать как относительную, так и корневую адресацию. В разделе, посвя- 
щенном созданию ссылок в программе Огеатмеауег, обсуждались стратеги- 
ческие достоинства и недостатки каждого из этих способов. К. этому анализу 
добавим лишь несколько фактов. 


Обязательным условием применения относительной адресации является 
сохранение файлов источника и ссылки в системе папок, вложенных в кор- 
невой каталог локального узла. Программы просмотра, по крайней мере 
самые популярные из них — |мегпе{ Ехрюгег и Ме{зсаре Мамдаог, не могут 
работать с корневыми адресами. Документ, в котором гипертекстовые связи 
заданы от корня, можно просмотреть только после загрузки его на удален- 
ный сервер. Программа Огеатмеауег использует специальную подстановку 
адресов, чтобы разрешить просмотр таких документов в броузерах. Область 
действия этой подстановки — один гипертекстовый переход. Перемещение 
по цепочке связей, заданных при помощи корневого способа адресации, 
способно привести к ошибке. 


И на шаблонах, и на порожденных документах пользователь может исполь- 
зовать тот метод адресации, который представляется ему предпочтитель- 
ным в данной проектной ситуации. Следует помнить о том, что шаблон и 
документы, созданные на его основе, в общем случае могут быть располо- 
жены в разных частях системы папок, подчиненной корневой папке узла. 
Все шаблоны размещаются в папке Тетр!а{е$, вложенной непосредственно 
в корневую. Документы, порожденные шаблоном, могут иметь любую «про- 
писку> в пределах узла. 


Для абсолютных и корневых адресов «смена прописки» источника не имеет 
значения, поскольку первые вообще не имеют точки отсчета, а для вторых 
эти функции выполняет корневая папка узла, которая своего положения 
не меняла. Относительные адреса записываются от положения документа- 
источника и являются чувствительными к изменению его положения. Про- 
грамма Огеатмеаумег отслеживает перемещения документов, созданных на 
основе шаблона, и автоматически меняет все относительные адреса в соот- 
ветствии с текущим положением документа. 


Программа располагает несколькими техническими приемами создания 
гипертекстовой ссылки. Все они подробно рассмотрены в главе, посвящен- 
ной ссылкам. При задании ссылок на шаблонах следует использовать ссы- 
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лочный маркер-указатель палитры Ргорему пзресог (Инспектор свойств) или 
задавать их при помощи диалогового окна Зе!ес+ Ее (Выбор файла). Напом- 
ним, что оба эти средства управления располагаются на палитре в разделе 
пк (Ссылка). 


Маркер представляется в виде кружка с перекрестием. Для создания ссылки 
его надо просто перетащить его на целевой файл в окне Диспетчера узла. 
Диалоговое окно Зе!ес{ Ейе (Выбор файла) вызывается щелчком по значку 
папки. 


Почему эта техника предпочтительнее всех остальных приемов создания 
гипертекстовых ссылок? Предположим, мы создаем шаблон на основе суще- 
ствующего документа с заданными гипертекстовыми ссылками. При сохра- 
нении документа в формате шаблона программа следит за тем, чтобы все 
ссылки указывали на заданные ранее объекты. Поскольку шаблоны хра- 
нятся в специальной папке Тетра{ез, программа самостоятельно преобра- 
зует все ссылки, заданные от текущего документа. Когда на основе этого 
шаблона создаются и сохраняются новые документы, то все ссылки, задан- 
ные от документа, автоматически обновляются программой в соответствии 
с новым положением документа-источника. 


Палитра Ргорему пзрескюг (Инспектор свойств) разрешает вводить любые адреса 
вручную. Однако этот способ слишком обязывающий: он требует от пользо- 
вателя, во-первых, аккуратности, а во-вторых, точного представления о 
расположении всех составляющих гиперссылки (шаблона, документа-источ- 
ника, целевого файла) в файловой системе. Для узла с разветвленной сис- 
темой папок и их глубоким вложением такой способ легко может привести 
к ошибке. Создание гиперсвязей при помощи тех простых полуавтомати- 
ческих средств целеуказания, которыми располагает программа, страхует 
пользователя от любых неожиданностей. 


Существуют ситуации, когда по разным причинам не удается применить 
метод перетаскивания маркера-указателя. В этих немногочисленных слу- 
чаях приходится вводить корректный адрес объекта вручную. 


14.3. Визуализация шаблонов и документов 


Шаблоны и документы, созданные на их основе, отличаются от обычных 
гипертекстовых страниц не только способами обработки, но и внешним 
ВИДОМ. 


Систематизируем все сказанное о способах визуализации этих объектов. 
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Редактируемые области шаблонов и шаблонных документов выделяются 
при помощи прямоугольной рамки с ярлычком в левом верхнем углу. На 
ярлычке отображается имя области. Щелчок на нем позволяет выбрать всю 
область целиком. По умолчанию рамка окрашена в светло-синий цвет. 


Как-либо выделять блокированные области нет необходимости. В шаблонах 
это обычные гипертекстовые фрагменты, которые не обладают какими-то 
экстраординарными свойствами. В документах такие области недоступны — 
текстовый курсор принимает над ними вид запрещающего знака, что служит 
лучшим признаком блокированной области. Все рабочее поле документа, 
созданного на основе шаблона, охватывается желтым прямоугольником с 
именем родительского объекта справа. 


Все перечисленные методы визуализации действуют только в режиме пла- 
нировки страницы. Исходный текст документа-шаблона размечается по- 
другому. В режиме отображения кодов все блокированные кодовые области 
выделяются светло-желтым фоном. Фрагменты, свободные для внесения 
изменений, не имеют особой маркировки — это обычные кодовые последо- 
вательности гипертекстового документа. 


Программа не запрещает вводить дополнительные коды в заблокиро- 
ванные области исходного текста. Но все такие фрагменты текста она 
просто игнорирует. Это значит, что они не отображаются в режиме пла- 
нировки страницы и не сохраняются вместе с документом. 


Открытые области кода заключаются программой внутрь специальных дес- 
крипторных скобок, которые с точки зрения языка гипертекстовой разметки 
представляют собой комментарии. Следующий фрагмент дает пример 
оформления пустой редактируемой области из примера, приведенного на 
рис. 14.2: 


<!-- #ВедтЕНаЫе «Етр!у» -->{Етр!у}<!--- #ЕплдЕдйаЫе --> 


Цвета служебной разметки шаблонов, установленные по умолчанию, можно 
изменить. 


1. Дайте команду Ед » Рге{егепсе$ (Правка » Настройки), которая открывает 
доступ к базовым настройкам программы. 


2. В диалоговом окне Рге!егепсе$ (Настройки) перейдите в раздел Найиаиита 
(Выделение). | 


3. Установите необходимые цвета в разделах Еднаые Кедоп$ (Редактируе- 
мые области) и ГосКед Кедоп$ (Заблокированные области). 
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4. Завершите процедуру щелчком на кнопке ОК. 


Служебная разметка шаблонов отображается на экране только при выпол- 
нении двух условий. Во-первых, в диалоговом окне настроек программы 
должны быть установлены флажки ЕЧ\аЫе Кедтоп$ (Редактируемые 
области) и [оскед Ведтоп$ (Заблокированные области). Во-вторых, надо 
разрешить отображение вспомогательных элементов макета страницы. 
Это можно сделать с помощью команды \Ме\м » \15иа[ А14$ > пм9Ые 
Еетеп (Вид » Служебная разметка » Скрытые элементы). 


14.4. Создание документов по шаблонам 


Программа Огеатмеауег поддерживает различные стратегии использования 
шаблонов как образцов для оформления гипертекстовых документов. Так, 
шаблон можно выбрать в качестве стартовой точки для нового документа 
или применить его к созданному документу. 


Техническая сторона процедуры создания нового документа не представ- 
ляет каких-либо сложностей. Самая серьезная проблема, которую предстоит 
решить автору нового документа, — это вопрос о целесообразности сохра- 
нения связи с родительским шаблоном. При этом следует принять во вни- 
мание множество факторов: цель проекта, условия эксплуатации Теф-узла, 
частота обновления страниц, функции документа и многое другое. 


Рассмотрим имеющиеся альтернативы. Если эту связь сохранить, то изме- 
нения шаблона переносятся на все документы, созданные на его основе. 
Данный режим установлен в программе по умолчанию. Если связь разо- 
рвать, то новые документы создаются как простые копии шаблонного образ- 
ца. Они не делятся на блокированные и редактируемые области, не полу- 
чают служебной разметки и нечувствительны к изменениям родительско- 
го образца. 


Механизм связи с шаблоном определяется флажком Урдае Раде мпеп 
Тетр!а4е Спапдез (Обновлять страницу при изменении шаблона). Этот флажок 
расположен в диалоговом окне, которое программа отображает при созда- 
нии нового документа. 


Создать новый документ на основе разработанного шаблона можно следу- 
ющим образом. 


1. Дайте команду Е!е »= Меми Егот Тетр!а{ез (Файл »> Создать документ на основе 
шаблона). По этой команде отображается диалоговое окно Зе!ес{ Тетр!а{е 
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(Выбор шаблона) (рис. 14.3), в котором следует выполнить все необхо- 
димые настройки. Рассмотрим их. 


В раскрывающемся списке $Ие (Сайт) можно выбрать \еб-узел. 


Список Тетр/а{ез (Шаблоны) содержит все шаблоны выбранного 
узла. 


Флажок Урдае Раде мпеп Тетр!ае Спапдез (Обновлять страницу при 
изменении шаблона) управляет будущим обновлением страницы. 


Командная кнопка Зеес! (Выбрать) завершает процедуру выбора 
шаблона документа. 


2. Щелкните на кнопке Зеес+ (Выбрать) или нажмите клавишу ЕМТЕК. 


эеес1 Тетр!ще 


ПЕР 


Рис. 14.3. Диалоговое окно создания нового документа 


Есть и иной способ решения этой задачи. Можно создать новый документ, 
например командой Ее » Мем (Файл » Создать), а затем применить к нему 
один из шаблонов палитры Аззе{ (Ресурсы). 


Применить разработанный шаблон к существующему документу можно 
следующим образом. 


1. Откройте документ. 


2. Дайте команду применения шаблона. Это можно сделать несколькими 
способами. 
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Если дать команду МоаНу » Тетр!а{е$ > Арр!у Тетр!ае о Раде (Изме- 
нить »> Шаблоны » Применить шаблон к странице), откроется диалого- 
вое окно (рис. 14.3), в котором надо выбрать имя шаблона и щел- 
кнуть на кнопке Зе!ес{ (Выбрать). 


Можно открыть палитру Аз$зе{з (Ресурсы), перейти в раздел 
Тетр!а{ез (Шаблоны), выбрать шаблон и щелкнуть в палитре на 
кнопке Арру (Применить). 


® — Можно перетащить значок шаблона из палитры Аззе{$ (Ресурсы) 
вокно документа, при этом документ должен находиться в режиме 
Оез!дп Меми (Режим планировки). 


Что происходит с документом после применения к нему шаблона? Проще 
всего предвидеть последствия шаблонного форматирования пустого доку- 
мента. Эта операция превращает его в почти точную копию родительского 
образца. Небольшая разница состоит в том, что открытые и закрытые обла- 
сти, которые в шаблоне имели этот статус номинально, действительно пре- 
вращаются в редактируемые и блокированные фрагменты отформатиро- 
ванного документа. — | 


Ситуация немного осложняется при применении шаблона к документу с 
непустым содержимым. В этом случае он наследует дизайн и планировку 
выбранного образца, а его прежнее информационное наполнение конвер- 
тируется в общую редактируемую область. Программа предлагает выбрать 
одну из существующих областей шаблона для сохранения исходного кон- 
тента. Для этого отображается диалоговое окно Сноозе Еа!аЫе Ведгоп {ог 
Огрвапед Соп{еп{ (Выбрать редактируемую область для непривязанного содержи- 
мого), в котором перечислены имена всех редактируемых областей. Пользо- 
ватель может выбрать любую их них (рис. 14.4) или отказаться от сохране- 
ния контента, выбрав пункт (попе) (Нет). 


Вообе ЕЧцаШе Вецюп Тог Огрвапед Сощей 


Рис. 14.4. Выбор редактируемой области 


Самые большие проблемы возникают при применении шаблона к докумен- 
ту, созданному на основе другого шаблона. Правила трансляции строятся 
на соответствии редактируемых областей документа и нового образца. Все 
открытые области документа получают новое оформление, заимствован- 
ное от «одноименных источников» шаблона. Области, для которых не на- 
шлось подобных аналогов, считаются потерянными (о7’рйапеа). Програм- 
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ма предлагает записать их содержимое в одну из редактируемых областей 
нового шаблона. Заблокированные области документа удаляются, а к доку- 
менту добавляются все закрытые зоны нового образца. Новые открытые 
области, которые не имеют аналогов в рабочей области документа, добав- 
ляются без каких-либо изменений. 


 Переформатирование больших документов г по › новому шаблону — это 
рискованная процедура. Вероятность ошибки резко возрастает с увели- 
чением числа редактируемых областей и усложнением дизайна. Если 
применение нового образца не привело к ожидаемым результатам, то 
процедуру можно отменить командой Е > Упдо Арру Тетр(а{е$ (Прав- 
ка »> Отменить применение шаблона) или при помощи стандартной кла- 
виатурной комбинации СТКЕ+2. 


Все открытые области документа, которые не имеют одноименных анало- 
гов на новом шаблоне, записываются в одну редактируемую область. Имя 
этой области надо выбрать в диалоговом окне Споозе ЕамаЫе Кедгоп {ог 
Огрпапед Соп{еп+ (Выбрать редактируемую область для непривязанного содержи- 
мого), показанном на рис. 14.4. Если требуется оформить по новому образцу 
документ с развитой системой редактируемых областей и богатым форма- 
тированием, целесообразно ввести в состав шаблона специальную область 
для хранения всех потерянных областей. 


Можно назвать типичной ситуацию, Когда Е все попытки внести измене- 
ния в редактируемую область документа оканчиваются неудачей. Самой 
вероятной причиной этого является некорректное определение в шаб- 
лоне границ открытой области. Так, область станет недоступной, если 
определить ее границы по невидимым дескрипторам: <Гоп+>, <1тб> и 


пр. 


14.5. Обновление документов 


Ранее неоднократно отмечалось, что изменения шаблона влекут за собой 
согласованные изменения документов, созданных на его основе. Измене- 
ния шаблона вступают в действие после сохранения новой версии. После 
этой операции программа предложит выполнить обновление связанных 
страниц. Для настройки процедуры обновления выводится диалоговое окно 
Ордае Радез (Обновление страниц), показанное на рис. 14.1. Работа с этим 
окном рассматривалась в начале этой главы в разделе «Создание шабло- 
НОВ». 
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Шаблоны можно открывать как обычные гипертекстовые документы ко- 
мандой Е!е » Ореп (Файл » Открыть). Кроме того, программа располагает спе- 
циализированной командой открытия шаблонов. Чтобы загрузить в окно 
документа шаблон текущей страницы, следует дать команду Моайу » 
Тетр!а{е$ »> Ореп АНаспед Тетр/ате (Изменить »> Шаблоны » Открыть присоединен- 
ный шаблон). 


В любой момент работы с гипертекстовым документом можно применить 
те изменения, которые внесены в шаблон, но по каким-то причинам не рас- 
пространены на УеЁ-страницу. Для этого следует дать команду Моайу > 
Тетр!а“е$ > Ураме Раде$ (Изменить »> Шаблоны » Обновить страницы) или МодНу » 
Тетр!а*е$ »> Ураае Сиггеп{ Раде (Изменить »> Шаблоны » Обновить текущую стра- 


ницу). 


Эти способы обновления отличаются от описанных в начале данного раз- 
дела только одной деталью. Процедуру обновления надо запустить щелч- 
ком по кнопке ${аг* (Начать) в диалоговом окне Урдае Раде$ (Обновление стра- 
ниц). 


Гипертекстовые страницы, которые создаются командой Ее » Мем (Файл » 
Создать) — это пустые документы, полностью лишенные каких-либо эле- 
ментов декоративного оформления. Применительно к этим объектам 
представление о форматировании по шаблону кажется лишенным осно- 
ваний. На самом деле такие страницы создаются на основе единого об- 
разца, которым является шаблон с именем Бегаи .Н+т. Он расположен 
в папке СопйдигаНоп\Тетр(а{ез, вложенной в папку, в которую установ- 
лена программа. Этот документ можно открыть обычным для программы 
Огеатмеауег способом и внести в него необходимые коррективы. Сде- 
ланные правки переносятся на все новые страницы. 
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Программа Огеат\меауег основана на принципах открытой архитектуры. Это 
значит, что программный интерфейс приложения (Аррйсайоп Ртовтатттв 
рцегГасе, АРГ) полностью открыт. С его помощью сторонние разработчики 
и опытные пользователи имеют возможность выполнить глубокую настройку 
внешнего вида и инструментов программы. Описание программного интер- 
фейса приложения можно загрузить с сайта фирмы Мастоте@а. Это солид- 
ный технический документ объемом примерно в четыре сотни страниц. 
Чтобы достичь уровня, позволяющего вносить изменения в программное 
обеспечение редактора, потребуются значительные усилия. 


15.1. Основные настроечные параметры 


К счастью, настройка подобной глубины и сложности требуется далеко не 
во всех случаях. Самые ходовые настроечные параметры программы доступны 
и рядовому пользователю. Все они сведены в диалоговое окно Рге!егепсез 
(Настройки) и разделены на шестнадцать тематических категорий. Чтобы 
открыть это окно, надо дать команду Еа » Ргеегепсе$ (Правка > Настройки) 
или воспользоваться комбинацией клавиш СТВЕ+У. 


Некоторые разделы этого диалогового окна рассмотрены достаточно под- 
робно в предыдущих главах книги. Сейчас мы дадим достаточно краткое 
описание всех настроек программы, которые можно изменить средствами 
диалогового окна Рге{егепсе$ (Настройки). 


Большая часть настроек оформлена в виде флажков. Для элементов управ- 
ления этого типа описание настройки относится к случаю, когда флажок 
установлен. Описание настройки, соответствующей сброшенному состоя- 
нию флажка, приводится в тех случаях, когда логика работы программы 
неочевидна и требует пояснений. 
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Общие настройки 


Раздел Сбепега! (Общие) объединяет общие настройки программы, отвечающие 
за внешний вид и основные характеристики поведения (рис. 15.1). В него 
входят следующие настройки. 


® Зпом от ЗКе \/тадом оп З{а“ир (Показывать при запуске только окно узла). 
При запуске программы отображается окно Диспетчера узла, а не окно 
документа. 


® Ореп ЕИез т Меми М/пао\ми (Открывать файлы в новом окне). Файлы откры- 
ваются в новом окне документа. В противном случае новые документы 
замещают ранее открытые в данном окне программы. Эта настройка 
не относится к документам, открываемым из окна Диспетчераузла двой- 
ным щелчком на значке. 


® \\/агпмпеп Орептд Кеад-Оту ЕПез (Предупреждать при открытии файлов для 
чтения). Выводится предупреждение об открытии блокированных 
файлов. 


® Ада Ежепзюоп мпеп Заутд (Добавлять расширение при сохранении). Выбор 
расширения имени файла, которое добавляется по умолчанию ко всем 
сохраняемым документам. По умолчанию устанавливается стандарт- 
ное для гипертекстовых документов расширение имени .НТМ. 


® ОИрдще ИпК$ мпеп Моутд РИе$ (Обновлять ссылки при перемещении файлов). 
Задает поведение программы при перемещении, переименовании и 
удалении документов средствами Диспетчера узла. Эти операции меняют 
структуру ссылок узла, поэтому требуется настроить операцию обнов- 
ления. Желательное поведение программы выбирается в списке, состо- 
ящем из трех пунктов: АМауз$ (Всегда обновлять), М№еуег (Не выполнять 
обновления), Рготр+ (Выдавать запрос на обновление). 


®  Эпом/ О!а09 мПеп |пзегта ОБеси$ (Отображать диалоговые окна при вставке). 
Задает вывод дополнительных диалоговых окон при вставке внешних 
объектов: таблиц, изображений, роликов 5йосЁшаве и пр. Чтобы вре- 
менно подавить эту установку, следует выполнять вставку при нажатой 
клавише СТКЕ. При вставке объектов, требующих обязательной на- 
стройки (например интерактивных изображений), диалоговое окно 
настройки отображается независимо от состояния этого флажка. 


® Газ4ег ТаЫе Еа\тд (Ое{!еггеа Урда{е) (Ускоренная правка таблиц — отложен- 
ное обновление). Ускоряет ввод текста в таблицы за счет того, что изме- 
нение ширины строк и высоты столбцов откладывается до тех пор, 
пока не будет сделан щелчок за пределами таблицы. Если флажок 
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установлен, можно принудительно обновить таблицу при помощи 
комбинации клавиш СТЕЕ+ПРОБЕЛ. 


Вепате Рогт №етз ммпеп Раз#пд (Переименование элементов управления 
формы при вставке). Изменение имен элементов форм при операциях 
копирования. 


ЕпаЫе БоцЫе-Вуе 1п!Нпе |при! (Разрешить двухбайтовый ввод). Разрешает 
работать с текстом, заданном в длинной, двухбайтовой кодировке, 
непосредственно в окне документа. Подобной кодировки требуют 
многие азиатские языки с иероглифической письменностью. 


Мах!тит МитЬег о! Низ1огу З4ер$ (Максимальная глубина отката). Задает 
максимальную глубину отката. Введенное число определяет количе- 
ство операций, запоминаемых в палитре Н!з{огу (Предыстория). 


ОБес+$ Рапе! (Палитра объектов). Этот список задает вид палитры ОШес* 
(Объекты). Предлагаются следующие альтернативы: |соп$ апа Тех+ (Значки 
и текст), |соп$ Оту (Только значки), Тех+ Оту (Только текст). 


Зре!та ОгсНопагу (Словарь). Выбор словаря для проверки орфографии. 


Рис. 15.1. Раздел Сепета 


Цвета элементов документа 


В разделе Соае Соог$ (Цвета кода) можно настроить цвет основных элемен- 
тов гипертекстового документа и исходного текста, отображаемых в окне 
Инспектора кода (рис. 15.2). 
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[9еб8сво 


а] 
#008000 
Офиц 
ОеаиК 
Безий 


Рис. 15.2. Раздел Соае Соот$ 


Настройки данного раздела следующие. 


Васкагоипа (Фон). Цвет фона палитры Соде тзрес{ог (Инспектор кода) и 
окна документа в режиме отображения кодов или в расщепленном 
режиме. 


Тех! (Текст). Задает цвет текста между дескрипторами. Например, в 
следующем кодовом фрагменте 


<Б>текст с полужирным начертанием</Ъ> 


строчка внутри дескрипторных скобок будет окрашена выбранным 
цветом, а сами теги — нет; 


Соттег{$ (Комментарии). Задает цвет комментариев в исходном тек- 
сте. Напомним, что в языке НТМЕ комментарием считается любая 
текстовая строка, расположенная между скобками вида <!-- и —->; 


Тад Ое!аш* (Все дескрипторы). Выбирает цвет, которым представляются 
коды разметки. Отменить общую установку можно, задав особый цвет 
для выбранного дескриптора. Для этого служит параметр Тад Зрес#с 
(Выбранный дескриптор). 


Везегуед Кеум/ога$ (Зарезервированные ключевые слова). Цвет для всех 
ключевых слов исходного текста, кроме дескрипторов. Эта настройка 
действует, например, на зарезервированные слова языка /Гасазсптри. 


О{пег Кеумога$ (Прочие ключевые слова). Цвет прочих ключевых слов — 
тех ключевых слов, цвет которых не определен двумя предыдущими 
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разделами. Таковы, например, имена объектов и функций в описаниях 
сценариев. 


З4гтаз (Строки). Задает цвет всех строковых параметров в исходном 
тексте документа НТМЕ. 


Тад Зрес#с (Выбранный дескриптор). Выбор особого цвета для отдель- 
ных дескрипторов. 


Арру Со!ог 10 Тад Соп{епё$ (Применить цвет к содержимому дескриптора). 
Применить указанный цвет к содержимому данного дескриптора. 
Опция распространяет заданный цвет на всю область действия выбран- 
ного тега. 


Формат кода 


В разделе Соае Рогта{ (Формат кода) расположены настройки, которые управ- 
ляют способом представления кода в палитре Соде |пзрес‹ог (Инспектор кода) 
и вокне документа в режиме отображения исходного текста (рис. 15.3). Все 
параметры этой категории, кроме Оуегиае Сазе 0+... (Переопределить регистр...), 
не имеют обратной силы. Они действуют только для новых документов или 
для кодовых фрагментов, добавленных после настройки параметров. Чтобы 
применить эти установки к ранее введенным исходным текстам, следует 
дать команду Соттапа » Арр!у Зоигсе Еогта тд (Команда » Отформатировать 
исходный текст). 


Перечислим настройки, задающие планировку исходного текста документа. 
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|паеп{ (Отступ). Включает режим ввода дескрипторов с отступами. 
Параметры отступов задаются в специальном конфигурационном 
файле ЗоигсеРогта.1х+. 


Узе (Символ). Выбирает символы, определяющие отступ. Для этого 
можно использовать пробелы или символы табуляции. 


ТаЫе Ко\м/$ апа Соитп$ (Строки и столбцы таблицы). Включает отступ для 
дескрипторов строк таблицы <#> и ячеек таблицы <1а>. Эта настройка 
действует только тогда, когда включен общий режим ввода с гори- 
зонтальным сдвигом подчиненных кодов. 


Ргатез апа Егатезе*$ (Фреймы и наборы фреймов). Сдвиг вложенных дес- 
крипторов фреймов <Нате> и структур фреймов <Натезе{>. Этот 
режим действует, если включен флажок 1паеп{ (Отступ), отвечающий 
за ввод всех дескрипторов со сдвигом. 


15.1. Основные настроечные параметры 


® |пдеп+ $12е (Размер отступа). Эта величина показывает число символов 


отступа, заданных параметром Цзе (Символ). 


Таь $1ге (Сдвиг табуляции). Величина сдвига, заданного символом табу- 
ляции. Измеряется числом обычных символов. 


Ащотанс М/гарртд (Перенос по словам). Автоматический перенос кода 
на новую строку, если длина строки превышает заданную величину. 
Программа следует данной установке, если перенос строк не приводит 
к нарушению форматирования. В некоторых обстоятельствах могут 
появляться строки кода, длина которых превышает установленный 
предел. 


пе ВгеаК$ (Символы перехода на новую строку). Символы, обозначаю- 
щие переход на новую строку, различаются на разных платформах 
(УЛпао5$, Масто5й или ИМХ). Данная настройка позволяет выбрать 
способ кодирования перехода на новую строку в зависимости от опе- 
рационной системы, установленной на удаленном сервере. При пере- 
даче файлов на удаленный сервер по протоколу ЕТР данная настройка 
принимается во внимание, если загрузка осуществляется в двоичном 
режиме (Б1пату). Если копирование выполняется в режиме А5СИ, то 
для обозначения перехода на новую строку принимается способ коди- 
рования, принятый в операционной системе локального компьютера. 
Для Ипа; это комбинация символов СВ (возврат каретки) и ЕЕ 
(переход на новую строку). Эта настройка полезна в тех случаях, когда 
документ передается для последующей обработки в текстовый редак- 
тор. 


Сазе №ог Тадз (Регистр дескрипторов). Задает регистр, в котором записы- 
ваются коды разметки. Данная настройка влияет только на разметку, 
автоматически создаваемую программой при работе в режиме плани- 
ровки страницы. Регистр кодов, введенных непосредственно в палитре 
Соде пзрес{ог (Инспектор кода), остается неизменным, то есть пропис- 
ные и строчные символы сохраняются так, как они были введены. 


Сазе 1ог АНиЬщез (Регистр атрибутов). Параметр имеет тот же смысл, 
что и предыдущий, но применительно к атрибутам дескрипторов. 


Оуегиае Сазе О{ Тадз (Переопределить регистр тегов). После установки 
данного флажка коды любого открываемого документа приводятся к 
одному регистру. «Общим стандартом» для всех кодов служит ре- 
гистр, выбранный в разделе Сазе {огТадз (Регистр дескрипторов). Кроме 
того, все новые коды разметки, введенные в Инспекторе кода или при 
помощи экспресс-редактора, принимают тот же регистр. 
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® Оуегиае Сазе О+ Анирщез (Переопределить регистр атрибутов). Назначе- 
ние этой настройки такое же, как предыдущей, но она действует на 
атрибуты кодов разметки. 


® Сепегта (Центрирование). Задает способ центрирования. Четвертая 
версия языка НТМЕ допускает центрирование при помощи двух раз- 
личных тегов: <@м а!ап="сещег"> и <семег>. 


омегсазе="уаме”* 


Рис. 15.3. Раздел Соае ЕоттаЕ 


Корректировка кода 


В разделе Соде Кемгитд (Корректировка кода) настраивается поведение про- 
граммы при загрузке гипертекстовых документов или текстов программ, 
созданных другими редакторами (рис. 15.4). Установки данного раздела не 
принимаются во внимание при работе с исходным текстом в Инспекторе кода 
или в окне документа в режиме отображения кодов. 


® [Ех |пуаНау Мец{ед апа Упсозед Тад$ (Исправить неверно вложенные и незакры- 
тые дескрипторы). Автоматическая корректировка пересекающихся 
дескрипторов. Например, фрагмент <6> <!24ех< /6>< /1> заменяется 
фрагментом <Ь> <!>4еж< /1></ь>. Кроме того, если этот флажок 
установлен, то программа автоматически расставляет пропущенные 
закрывающие кавычки и скобки. 


® Кетоуе Ежга Сюозтд Тад$ (Удалить лишние закрывающие дескрипторы). Уда- 
ление закрывающих дескрипторов, которые не имеют соответствую- 
щих открывающих кодов. 
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® \\/агпУ/еп ЕЕхта ог Кетоута Тад$ (Предупреждать при исправлении или уда- 
лении дескрипторов). Отображение сводки по некорректным кодам раз- 
метки. 


® МеуегКемтие НТМЕ: [п ЕИез мин Ежепз!юп$ (Не редактировать код: В файлах с 
расширениями). Задает список расширений файлов, которые загружа- 
ются в программу без корректировки кода. Эта настройка полезна в 
тех случаях, когда открывается документ, содержащий корректные, 
но неизвестные программе коды, например .АЗР, .РНР и пр. 


® Зреса! Спагасег$ (Специальные символы). Перекодирование специаль- 
ных символов. Целесообразно оставить включенными оба флажка 
этой группы. В этом случае программа самостоятельно меняет коди- 
ровку некоторых специальных символов, введенных с помощью па- 
литры Ргорему |пзрес{юог (Инспектор свойств). Это может улучшить крос- 
сплатформенную совместимость гипертекстового документа. 


Рис. 15.4. Раздел Соае КешпипиЕ 


Иерархические стилевые спецификации 


'Тематически однородный раздел С$$ $З4уез$ (Стили С$$) (рис. 15.5) объеди- 
няет простые настройки, относящиеся к записи каскадных листов стилей 
(иерархических стилевых спецификаций). Директивы стилевых специфи- 
каций разрешается вводить в сокращенной нотации, которая считается 
большинством пользователей более удобной. Например, следующую дек- 
ларацию в полной нотации: 


НТ {юпНатйу: Вемевса; юпЕзе: 12 р! пе-еаН!: 14р!: юпымеюйЕ: Бо} 
можно записать в сокращенной форме: 
НТ {юпЕ Бемейса 12р/14Ар! Бо} 


Но некоторые старые версии программ просмотра не могут корректно обра- 
ботать такие синтаксические конструкции. Эта категория обеспечивает 
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выборочную настройку сокращенной нотации для отдельных стилевых 
спецификаций: 


® 05е Зпомпала Рог (Использовать сокращенную запись для). Задает атрибуты, 
которые программа Огеатмеауег записывает в сокращенной форме. 


® \№еп Еа\итд С$$ З1уУе$ Узе Зпомвапа (Использовать сокращенную запись 
при редактировании стилей С$$). Задает поведение программы при редак- 
тировании стилевых спецификаций. Если установить переключатель 
+ Опата! Чзеа Зпо“папа (В соответствии с исходным текстом), то в ходе 
редактирования все атрибуты сохраняют первоначальный вид. Уста- 
новка переключателя Ассогата {о Зе таз АБо\уе (В соответствии с настрой- 
ками) влечет за собой изменение формы представления в соответствии 
с ранее заданным списком. 


Рис. 15.5. Раздел С55 5$ 


Типы файлов и редакторы 


Раздел Е!е Турез/Еаог$ (Типы файлов и редакторы) содержит важные настройки, 
относящиеся к обработке файлов и вызову внешних приложений (рис. 15.6). 


® Ореп т Соде Меми (Открывать в режиме разметки). Задает типы текстовых 
файлов, которые разрешается открывать в Инспекторе кода или загру- 
жать в окно документа в режиме отображения кодов. 


® Ежегпа! Соде ЕаНог (Внешний редактор кода). В этой части диалогового 
окна можно выбрать внешний текстовый редактор и использовать его 
внутри программы Огеатмеауег для работы с кодами. Программа раз- 
решает запускать внешний редактор непосредственно из своей обо- 
лочки. Он учитывает изменения, которые внесены в исходный текст 
документа и преобразует их в соответствующие гипертекстовые ко- 
манды планировки и форматирования. Чтобы установить внешний 
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Рис. 15.6. Раздел Ее Тиурез/Еййо7$ 


текстовый редактор, надо щелкнуть по кнопке Вго\изе (Обзор) и выпол- 
нить стандартную для системы Йи405 процедуру выбора файла. В ком- 
плект поставки пакета Огеат\меауег входит программа Ноте$Ке — один 
из самых мощных редакторов этого класса на платформе Утао5. 
Запуск внешнего редактора можно выполнить при помощи комбина- 
ции клавиш СТВЕ-Е. 


® Кеоад Мочшеч ЕИез (Перезагружать измененные файлы). Задает реакцию 
программы Огеатмеауег на изменения исходного текста документа, 
сделанные во внешнем редакторе. Настройка выполняется выбором 
в списке одного из трех пунктов: Рготр\ (Выдавать запрос на обновление 
документа), А№ау$ (Обновлять автоматически), Меуег (Не обновлять). Если 
выбран последний пункт, то изменение кода во внешнем редакторе 
не приведет к модификации дизайна страницы. Учесть все сделанные 
изменения можно только после возвращения в редактор при помощи 
команды обновления страницы. 


®  Зауе оп Гаипсв (Сохранять при запуске). Внешний редактор, запущенный 
из оболочки Огеатмеауег, берет на обработку последнюю сохранен- 
ную версию документа. Для управления этой функцией предлагается 
список из трех пунктов: Рготр! (Выдавать запрос на сохранение докумен- 
та), Амауз (Сохранять автоматически), Меуег (Не сохранять). Если выбрать 
первый пункт, программа Огеатмеауег откроет диалоговое окно с за- 
просом на сохранение последних изменений. Пункт Амауз (Сохранять 
автоматически) означает автоматическое сохранение всех изменений 
при запуске внешнего редактора. Выбор пункта Меуег (Не сохранять) 
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означает, что последние поправки, сделанные в программе Огеатмеауег 
и не сохраненные в файле, просто отбрасываются. 


Самая большая группа настроек относится к редактированию фай- 
лов, неявляющихся файлами НТМГ, во внешних приложениях. Слева 
в списке Ежепзюп$ (Расширения) перечислены все зарегистрированные 
расширения имени файла. Справа в списке Едйог$ (Редакторы) пере- 
числены связанные с этими типами файлов приложения. Командные 
кнопки со знаками + и -— служат для добавления и удаления новых 
расширений или программ. Одному типу файлов можно поставить в 
соответствие несколько разных программ. Кнопка Маке Ритагу (Сделать 
основным) задает для выбранного приложения самый высокий при- 
оритет. Это значит, что файлы данного типа редактируются в первую 
очередь при помощи этой программы. Чтобы запустить внешнее при- 
ложение и открыть в нем нужный файл, требуется дважды щелкнуть 
на имени файла в окне Диспетчера узла. 


Шрифты и кодировка 


В раздел Рог! /Епсо4та (Шрифты /кодировка) входят настройки шрифтового 
оформления новых документов и их кодировки (рис. 15.7). Пользователь 
имеет возможность выбрать по своему вкусу вид шрифтов, используемых 
по умолчанию для всех новых документов. Параметры этого раздела рас- 
пространяются не только на представление страниц в окне документа, но и 
на вид исходного текста, загруженного в окно Инспектора кода. | 
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12 р (Медит ) 


Апдае Мопо 


10 р! (та! 


Рис. 15.7. Раздел Юютё5/Епсодтя 


15.1. Основные настроечные параметры 


® Ое{аи{ Епсодта (Стандартная кодировка). Кодировка новых документов. 
Для русскоязычных пользователей целесообразно выбрать в этом 
разделе кодировку, поддерживающую русский язык, — СугИйс 
(М/паомз 1251). Выбор кодировки меняет содержимое метадескрип- 
тора в разделе заголовков документа. Так, после установки кодировки 
«кириллица» к документу добавляется строка вида: 


<тею ИНр-едим="Сощеп! Туре" сомеп!=Чех/ т!" сбагзе!="ипаомиз-1251"> 


® — Гоп{ Зейтдз (Параметры шрифта). Выбор типа кодировки для настройки 
параметров набора шрифтов. 


® РгорогНопа!Роп! (Пропорциональный шрифт). Выбор пропорционального 
шрифта. 


® $12е (Размер). Размер соответствующего шрифта. 
®  Рхед Роп{ (Моноширинный шрифт). Выбор моноширинного шрифта. 


® Соде пзрестюг (Инспектор кода). Выбор шрифта для представления исход- 
ного текста в окне Инспектора кода. 


Выделение цветом 


Раздел Напа пд (Выделение) — самый простой в количественном и качест- 
венном отношении в диалоговом окне Рге{егепсе$ (Настройки) (рис. 15.8). Он 
объединяет настройки цветового оформления различных областей и эле- 
ментов гипертекстовых документов. 


Рис. 15.8. Раздел Шеййейния 


» ЕанаЫе гедтоп$ (Редактируемые области). На шаблонах и в документах, 
созданных на их основе, редактируемые и блокированные области 
выделяются различным цветом. Данная настройка предназначена для 
изменения цветового оформления редактируемых областей. 


® Госкед гедгоп$ (Блокированные области). Настройка служит для выбора 
цвета, помечающего блокированные области на шаблонах и в доку- 
ментах, созданных на их основе. 
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® [1гагуНетз (Библиотечные элементы). Цветовое выделение библиотеч- 
ных элементов. 


ео Т|га-раму 1ад$ (Нестандартные дескрипторы). Выбор цвета, которым 
выделяются нестандартные дескрипторы и коды разметки сторонних 
производителей. 


Скрытые элементы 


Некоторые конструкции и объекты языка гипертекстовой разметки неви- 
димы по своей природе, иногда их присутствие на странице может прояв- 
ляться только в программе просмотра. Расположение подобных объектов 
программа Огеатмеауег помечает специальными значками, отображением 
которых разрешается управлять. С помощью раздела туз е Еетеп{$ 
(Скрытые элементы) выполняется настройка отображения подобных знач- 
ков (рис. 15.9). Перечислим их. 


® Матеа Апспог$ (Именованные якоря). Дескрипторы, на которые может 
указывать ссылка. Их еще называют именованными символами при- 
ВЯЗКИ — <а пате=»»>. 


® Эспр{$ (Сценарии). При установке этого флажка в теле документа поме- 
чается расположение программ, написанных на языке ./азазсптрЕ или 
УВ5спре. При выборе значка можно прочитать сценарий в палитре 
свойств или получить ссылку на внешний файл, хранящий текст про- 
граммы. 


® Соттепг(з (Комментарии). Расположение комментариев НТМЁ. Щелчок 
на значке позволяет прочитать текст комментария в палитре свойств. 


Рис. 15.9. Раздел паче Еетепт5 
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® пе ВгеаК$ (Переходы на новую строку). Положение дескрипторов при- 
нудительного разрыва строки <6г>. По умолчанию этот флажок сбро- 
шен. 


® СПеп1-Зае |таде Марз$ (Изображения-карты стороны клиента). Расположе- 
ние карты ссылок, обрабатываемой на стороне клиента. 


»® ЕтЬедаеа З{уез$ (Внедренные стили). Значок показывает положение сти- 
левой спецификации, внедренной в тело документа. Для каскадных 
листов стилей, размещенных в разделе заголовков документа, подоб- 
ный значок не отображается. 


®_ Н!Одеп Рогт Ре (Скрытые поля форм). Значок показывает расположе- 
ние скрытых элементов форм, то есть элементов типа Мдеп. 


® Рогт ОейтКег (Граница формы). Управляет отображением пунктирной 
линии, которая показывает границу формы в окне документа. Если 
границы отображаются на экране, то разрабатывать содержимое фор- 
мы и форматировать ее составляющие проще. 


» Апспог Рог($ фог [ауег$ (Точки привязки слоев). Значок помечает распо- 
ложение в теле документа кода, описывающего слой. Следует пом- 
НИТЬ, ЧТО сам слой не привязан к своему описанию и может находиться 
в любом месте документа. Выбор значка означает выбор всего слоя. 


® АпспогРот($ 1ог Айопед Еетеп"$ (Точки привязки объектов с выравниванием). 
Значок помечает расположение кода объектов, к которым применен 
атрибут выравнивания айоп. В число таких объектов входят: изобра- 
жения, таблицы, объекты АсйоеХ, внешние вставки и апплеты. 


® Фегуег МагКир Тадз (Серверная разметка). Значок помечает положение 
кодов разметки, обрабатываемых на стороне сервера, например кодов 
А5Р или СЕМЕ. 


Слои 


В раздел Ёауег$ (Слои) сведены базовые настройки слоев (рис. 15.10). Пара- 
метры, заданные в этой части диалогового окна, становятся значениями по 
умолчанию и действуют для всех вновь созданных слоев. 


® Тад (Дескриптор). Выбор способа кодирования слоев. В языке НТМЕ и 
его диалектах есть несколько разных дескрипторов разметки слоев. 
Это дескрипторы <@м\>, <$рап>, <!ауег> и <Науег>. Дескрипторы 
<ам> и <зрап> рекомендованы к применению консорциумом ИЗС и 
поддерживаются броузерами Ме{зсаре Мамдагог и |г\егпе{ Ехр/огег, начи- 
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Рис. 15.10. Раздел Гауе!$ 


ная с четвертой версии. Дескриптор <Йауег> работает только с про- 
граммами Ме{саре 4.х. В программе Огеатмеауег по умолчанию уста- 
новлен способ кодирования с использованием тега типа <ам>. 


е \УзыЫу (Видимость). Задает видимость слоев по умолчанию. Эта на- 
стройка задается в списке, состоящем из четырех пунктов: Ое#аий (По 
умолчанию), ппеги (Наследуемая), У 1Ые (Видимый), Надеп (Невидимый). 
Первый раздел оставляет вопрос о видимости слоя на усмотрение 
программы просмотра. Второй пункт предназначен для работы с вло- 
женными слоями. Он означает, что атрибут видимости вложенного 
слоя заимствуется у родительского слоя. 


® Ма (Ширина). Устанавливает ширину слоев по умолчанию. 
е Неси! (Высота). Устанавливает высоту слоев по умолчанию. 
® Васкагоипа Соог (Фоновый цвет). Задает цвет фона для всех новых слоев. 


» ВасКогоипа |таде (Фоновый рисунок). Выбирает фоновое изображение 
для всех новых слоев. Чтобы выбрать нужное изображение, надо про- 
делать стандартную процедуру навигации по файловой системе. 


® Мета (Вложение). Разрешает создавать системы слоев с иерархичес- 
ким вложением. Это значит, что слой, нарисованный в пределах гра- 
ниц другого слоя, становится вложенным. Рисование при нажатой 
клавише АТ временно отменяет режим вложения. 


® Месзсаре 4 СотраНЬЙЙу (Совместимость с Меёзсаре 4). Широко известная 
ошибка броузера Ме{зсаре Маудаог четвертой версии состоит в том, 
что при изменении размеров окна все слои теряют информацию о 
своем расположении и выравниваются по левому краю страницы. При 
установке этого флажка в раздел заголовков новых документов до- 
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бавляется небольшой код, написанный на языке /аоа5спреё который 
исправляет ошибку позиционирования слоев. Кроме того, программа 
Огеат\меауег располагает специальной командой вставки такого кода 
на избранные страницы. Это команда Соттапа$ » Ада //Кетоуе Ме{5саре 
Вез!хе Нх (Команды » Добавить/удалить коррекцию для Ме{саре). 


Режим макети рования 


Раздел Гауои" Ме\м (Режим макетирования) объединяет настройки режима маке- 
тирования страницы (рис. 15.11). Этот режим впервые появился в четвер- 
той версии программы. Он предоставляет пользователю инструменты для 
создания макета гипертекстовой страницы и управления специальными 
изображениями, которые выполняют функции распорок в макетных таб- 
лицах. 


е Ашотзег Зрасег$ (Автоматическая вставка распорок). Управляет режи- 
мом вставки графических распорок при создании столбцов с автома- 
тическим выбором ширины. Переключатель У/неп Мактд Амозгесп 
ТаЫе$ (При создании таблиц с автоподбором размеров) включает режим 
вставки, переключатель Меуег (Никогда) выключает его. 


® Эрасег|таде: Рог ЗКе (Изображение-распорка: Для узла). Выбор Тефб-узла, 
для документов которого надо ввести в действие графическую рас- 
порку. 


® |таде Ейе (Файл изображения). Выбор графического файла, в котором 
хранится изображение, выполняющее функции распорки. 


® Се! Ои{те (Контур ячейки). Цвет границы макетной ячейки. 


Рис. 15.11. Раздел Гауоиё Теш 
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® Се! Натан! (Выделение ячейки). Цвет, которым выделяются границы 
макетных ячеек при наведении на них указателя мыши. 


® ТаЫе Ои{те (Контур таблицы). Цвет границы макетной таблицы. 


»® ТаЫе ВасКагоипа (Фон таблицы). Цвет фона макетной таблицы. 


Палитры 


Категория Рапе!5 (Палитры) объединяет настройки, управляющие поведе- 
нием многочисленных инструментальных палитр программы и способами 
их вызова (рис. 15.12). 


Рис. 15.12. Раздел Рапеб 


В верхней части окна в разделе с общим заголовком АМау$ оп Тор (Всегда 
сверху) расположено четырнадцать флажков, от состояния которых зависит 
положение одноименной палитры и окна документа. Если установить фла- 
жок, то раскрытая палитра всегда располагается поверх окна документа и в 
активном, и в пассивном состоянии. 


Палитры, у которых этот флажок сброшен, ведут себя по-другому. В пассив- 
ном состоянии они располагаются ниже окна документа. С одной стороны, 
в таком состоянии они не занимают рабочее пространство экрана. С другой 
стороны, затрудняется обращение к палитре при работе с развернутым окном 
документа. Для палитры Соде пзрецог (Инспектор кода) существует специ- 
альная клавиатурная комбинация СТВЕ+ТАВ, позволяющая выполнять 
быстрое перемещение между окном документа и этой палитрой. Для нее 
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режим работы, при котором неактивная палитра располагается под окном 
документа, весьма удобен. 


Оставшаяся группа параметров под общим названием ЗНоми п [аипсНег (Пока- 
зать в палитре быстрого запуска) предназначена для настройки содержимого 
палитры и панели быстрого запуска. Напомним, что палитра Г аипсНег (Быст- 
рый запуск) — это специальное хранилище для кнопок запуска дополнитель- 
ных средств программы: палитр и диалоговых окон. Панель быстрого за- 
пуска представляет собой палитру Ёаипспег (Быстрый запуск), оформленную 
в виде раздела строки состояния. 


Изменение содержимого палитры быстрого запуска выполняется при помощи 
стандартных для программы элементов управления. Кнопка со знаком + 
добавляет выбранный элемент управления в палитру, кнопка со знаком — 
удаляет его. Кнопки со стрелками позволяют изменить порядок значков. 


Просмотр в броузере 


Программа Огеатмеауег — это визуальный гипертекстовый редактор. Он 
отображает страницы НТМЕ с минимальным количеством искажений. Тем 
не менее, определенные упрощения дизайна неизбежны, и получить аутен- 
тичное представление документа можно только после его загрузки в про- 
грамму просмотра. 


В разделе Ргемем ш Вгомизег (Просмотр в броузере) выполняется настройка 
броузеров, предназначенных для просмотра страниц, разрабатываемых в 
редакторе (рис. 15.13). Напомним, что вызов внешней программы просмотра 
и загрузка в нее текущей страницы выполняется командой Е!е » Ргемем т 
Вго\мзег (Файл » Просмотр в броузере). 


Несмотря на все усилия международных организаций по стандартизации, 
до сих пор не удалось полностью унифицировать толкование некоторых 
конструкций языка НТМЕ. Поэтому представление одной страницы в раз- 
ных броузерах может немного различаться. 


С программой Огеатмеауег можно ассоциировать несколько различных про- 
грамм просмотра и задать приоритет их вызова. Редактирование списка 
броузеров выполняется при помощи стандартных средств управления. 
Кнопка со знаком + служит для добавления новой программы просмотра; 
кнопка со знаком — удаляет выбранную программу из списка. 


Флажок Ритагу Вгомузег (Первичный броузер) придает выбранной в списке 
программе статус первичного броузера. Флажок Зесопдагу Вгомизег (Вторич- 
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ный броузер) назначает выбранную программу просмотра вторичным броу- 
зером. 


Кнопка Еай (Правка) включает диалоговое окно для изменения параметров 
программы просмотра. 


Флажок Ргемеми Чзтд оса! Зегуег (Просмотр на локальном сервере) использует 
для просмотра гипертекстовых страниц серверное программное обеспече- 
ние. Для этого, конечно, требуется, чтобы все необходимые программные 
компоненты ИУефб-сервера были установлены на локальный компьютер. Этот 
способ просмотра имеет ряд преимуществ по сравнению с загрузкой в бро- 
узер. Например, локальный сервер в состоянии корректно обработать 
ссылки, заданные от корневой папки узла. Кроме того, он может смонтиро- 
вать страницу, содержащую включения стороны сервера (55/). 


Пехр/оге Е12 
МЕТЗСАРЕ 4.75 СШЕ12 


Рис. 15.13. Раздел Руелеш т Втош5ет 


Экспресс-редактор кода 


Раздел Ошск Тад ЕЧКог (Экспресс-редактор) позволяет задать два параметра, 
управляющих поведением экспресс-редактора кода (рис. 15.14). Напомним, 
что эта компактная программа, встроенная в оболочку Огеатмеауег, пред- 
назначена для вставки кодов гипертекстовой разметки. Она обладает свой- 
ством контекстной чувствительности. Это означает, что редактор выбирает 
группу подходящих дескрипторов или их атрибутов по первым введенным 
буквам. Кроме того, программа существенно упрощает вставку парных дес- 
крипторов, охватывающих выбранную область исходного текста документа. 
Самый простой способ вызова экспресс-редактора — это комбинация кла- 
виш СТКЕТ. 


Рассмотрим настроечные параметры редактора. 
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Ой {ОО $$ 5 еюьиюиеоиньы 


Рис. 15.14. Раздел ОшсЕ Таё Е4йот 


® Арру СВапдез |ттед!ае!у М/нИе ЕЧ\та (Применение изменений по ходу ре- 
дактирования). От этого флажка зависит способ применения измене- 
ний, сделанных в экспресс-редакторе. Если флажок установлен, то 
при работе в режиме Е@вИ Тад (Редактирование кода) для обновления 
документа не требуется никаких дополнительных подтверждений. 
Если флажок сброшен, то для переноса правки в документ требуется 
нажать клавишу ЕМТЕК. В режимах |пзег Тад (Вставка кода) и \!гар Тад 
(Замыкание кода) экспресс-редактора применение обновлений всегда 
выполняется по нажатию клавиши ЕМТЕК. 


» ЕпаЫе Тад Низ (Включить контекстный список дескрипторов и атрибутов). 
Управляет выводом меню контекстного списка дескрипторов и атри- 
бутов. При помощи движка можно выставить величину задержки 
перед появлением этого меню. 


Параметры сайта 


Раздел ЗИе (Сайт) объединяет важные настройки связи с удаленным серве- 
ром по протоколу ЕТР (рис. 15.15). В главе, посвященной созданию ер- 
узла, мы подробно рассмотрели большинство настроек этой категории. 
Повторим их краткое описание. 


Рис. 15.15. Раздел 5йе 
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АМ/ауз Зпоми (Всегда показывать). Управляет расположением панелей 
удаленного и локального узла в окне диспетчера узла. 


Оерепаеп{ РЕйез: Рготр*" оп Се{/Спеск Ош (Зависимые файлы: Запрашивать 
при приеме). От этого параметра зависит вывод диалогового окна с 
запросом на подтверждение передачи зависимых файлов. Запустить 
процесс передачи с удаленного компьютера на локальный можно по 
команде Се! (Получить) или Спеск Ош (Блокировать). Зависимыми счи- 
таются все файлы, на которые текущий документ ссылается или исполь- 
зует непосредственно, например: изображения, внешние стилевые 
спецификации и пр. 


Оерепаеп+ Е1ез: РготрЕ оп Ри{ /Свеск [п (Зависимые файлы: Запрашивать при 
передаче). Запрос на подтверждение передачи зависимых файлов. Этот 
запрос выводится при копировании файлов с локального компьютера 
на удаленный сервер. Запускают процедуру копирования команды 
Ри (Передать) или СпесК п (Снять блокировку). Если сбросить этот и 
предыдущий флажки, то запрос на вывод зависимых файлов не ото- 
бражается. Чтобы принудительно вывести это окно, надо дать команду, 
запускающую процедуру копирования, при нажатой клавише АЁТ. 


ЕТР СоппесНоп (Соединение). Задает предельное время простоя в про- 
цессе соединения с удаленным сервером по протоколу ЕТР. Если в 
течение указанного промежутка времени ни одна из сторон не про- 
явила активности, то связь между удаленным и локальным компью- 
терами разрывается. 


ЕТР Тите Ош (Тайм-аут). Максимальный временной промежуток, в тече- 
ние которого программа Огеатмеауег пытается установить связь с уда- 
ленным сервером. Если все попытки окончились неудачей, то про- 
грамма выводит сообщение о неудачном соединении. 


Р/гемма! Ноз{ (Брандмауэр). Это поле служит для ввода адреса прокси- 
сервера, посредством которого осуществляется выход в сеть. Если 
доступ в сеть прямой, не использующий брандмауэров и прокси-сер- 
веров, то данное поле следует оставить пустым. 


Еигемиа! Рог* (Порт брандмауэра). Номер порта брандмауэра, через кото- 
рый осуществляется связь с удаленным сервером. 


Ри Орйопз$: Зауе ЕЙез Ве!оге Ри пд (Параметры пересылки: Сохранять файлы 
перед отсылкой). Перед началом передачи на удаленный компьютер 
ранее не сохраненные файлы сохраняются автоматически. 


15.1. Основные настроечные параметры 
НОЗОЕИЗОННАНОННОЗНИНОНОНИИЕООНОНОИОВИЕ ОВО НОЗОВОВОВОВОВОВОВИОНИОВОВОВООВОООО БОНО ЗОБОВОВЕВОВВОВОВСВОЗЗВОВОВОВОНОВНОВОВОВОВОСЕТОЗВЕЗОСЗЕУДИВИОВОННОЗОННЕ ВОВЕ БЕЗЕОТАУНОЛОНОНЕИИИИ НОННА ПОНИ ВОВОВОИИНОВОВОВИНИВОВОЗЗНОНВОНОВОНОНОВЕОВОВОВИВОРОВВАННУВОИИНОВНИ, 
® ОеНпе З\е$ (Задать сайт). Эта кнопка открывает диалоговое окно, в кото- 
ром можно выбрать имя Уер-узла для редактирования. 


Настройка строки состояния 


В небольшой раздел З1а\из Ваг (Строка состояния) входят настройки, от кото- 
рых зависит вид строки состояния программы (рис. 15.16). Этот служебный 
элемент расположен вдоль нижнего края окна документа. По умолчанию в 
строке состояния выводится информация о текущем размере окна и вре- 
мени, нужном для загрузки текущей страницы. Кроме того, правую часть 
строки состояния занимает панель быстрого запуска. 


® \М/паом $1тез (Размеры окна). Гипертекстовые страницы могут отобра- 
жаться в окнах разного размера. Поэтому в ходе их разработки требу- 
ется применять специальные меры, чтобы отработать дизайн в расчете 
на представление на мониторах разного формата. Программа Огеатмуеауег 
располагает простым средством, которое разрешает, не прерывая работы 
с документом, «на лету» выбрать один из установленных стандарт- 
ных размеров. Для этого достаточно раскрыть список предустанов- 
ленных размеров и выбрать из него нужные габариты окна. Этот список 
раскрывается щелчком на левом поле строки состояния. Панель 
М/таоми З12ез (Размеры окна) предназначена для корректировки списка 
стандартных размеров. Все редакторские операции выполняются при 
помощи ввода с клавиатуры в соответствующие поля этой панели. 


® СоппесНоп Зреед КпоБ\$ Рег Зесопа (Скорость соединения, Кбит/с). В это 
поле вводится примерная скорость соединения с сервером. Эта 
опорная величина служит для расчета времени загрузки текущей стра- 
ницы. По умолчанию выбрана скорость 28,8 Кбит/с, что вполне реаль- 
но для современных модемов и связи по коммутируемой телефонной 
линии. 


(640 х 480, Мах... 
(800х500, Межит... 
(832 х 624, Махиту... 
(1024х 768, Махит. 
(УуеБТУ) 


Рис. 15.16. Раздел 5ави$ Ваг 
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15. Настройка программы 


® пом Гаипспег т З{афи$ Ваг (Панель быстрого запуска в строке состояния). 
Этот флажок управляет отображением панели быстрого запуска в 
строке состояния. Если его сбросить, панель не будет выводиться на 
экран. 


15.2. Настройка клавиатурных комбинаций 


Уверенное владение программным продуктом подразумевает беглое исполь- 
зование клавиатурных комбинаций для ускорения самых ходовых опера- 
ций. Систематическую работу с «быстрыми клавишами» можно считать 
косвенным признаком мастерства и профессиональной зрелости. Не слу- 
чайно, при переходе на новый программный продукт или смене платформы 
даже искушенные пользователи часто испытывают трудности с освоением 
нестандартных клавиатурных комбинаций. 


Программа Огеатмеауег располагает специализированным редактором, с 
помощью которого можно не только изменить неудобные сочетания, но и 
полностью переработать всю «клавиатурную раскладку» команд. Для запуска 
этого редактора надо дать команду ЕсК » КеуБоага Зпо“си$ (Правка » Клавиа- 
турные комбинации). Она выводит на экран диалоговое окно (рис. 15.17), сред- 
ствами которого выполняется вся созидательная работа по настройке кла- 
виатурных комбинаций. 


Рассмотрим элементы управления окна и способы их использования. 


® — Сштеги Зе (Текущий набор). Содержимое этого списка составляют имена 
стандартных наборов клавиатурных комбинаций. Это специализиро- 
ванные наборы, имена и содержание которых заимствованы из конк- 
ретных программ: ВВеаи, Огеатмеауег 3, Ноте$Не, Масготед!а З{апдага. 
Последний набор объединяет актуальные клавиатурные комбинации, 
действующие в текущей версии программы. После выбора конкрет- 
ного набора, включенные в него комбинации клавиш выводятся в 
списке, где их можно выбирать и редактировать. 


® Соттапа$ (Команды). Этот раскрывающийся список содержит пере- 
чень основных разделов системы команд программы. В такие разделы 
входят команды меню, команды Диспетчера узла, команды редактиро- 
вания исходного текста и пр. От выбранного раздела зависит содер- 
жимое следующего списка, где отображаются все компоненты раздела 
и сопоставленные им комбинации клавиш. 


$ Зпомсш$ (Клавиатурные комбинации). Этот список показывает все кла- 
виатурные комбинации, поставленные в соответствие выбранной 
команде. 
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15.2. Настройка клавиатурных комбинаций 


ага ороцси 


Соттапаз 
Зе 


Рис.15.17. Настройка клавиатурных комбинаций 


® Ргезз Кеу (Нажать клавиши). Отображает комбинации, назначенные 
пользователем данной команде или инструменту. 


» Кнопка со знаком + начинает создание новой клавиатурной комби- 
нации. Одному элементу набора можно поставить в соответствие не- 
сколько комбинаций. 


» Кнопка со знаком — предназначена для удаления выбранной комби- 
нации. 


е ОирИсаме Зе! (Дублировать набор). Эта кнопка расположена в верхней 
части диалогового окна. Она служит для создания дубликата выбран- 
ного набора. 


® Кепате $е{ (Переименовать набор). Эта кнопка позволяет переимено- 
вать выбранный набор клавиатурных команд. 


® Ехройм а$ НТМЕ (Экспортировать как НТМЕ.). Эта кнопка запускает проце- 
дуру экспорта набора клавиатурных команд. Заданную в наборе рас- 
кладку команд и клавиш можно сохранить в виде таблицы, записан- 
ной в формате НТМЕ. 
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15. Настройка программы 


® Оеве Зе{ (Удалить набор). Удаляет выбранный набор клавиатурных 


команд. 


е Спапде (Изменить). Эта кнопка назначает новое сочетание клавиш 


выбранной команде и добавляет его к списку ранее заданных сочета- 
ний, представленному в разделе Зпомси$ (Клавиатурные комбинации). 


Удаление и замена наборов клавиатурных команд — это радикальные меро- 
приятия, прибегать к которым приходится достаточно редко. Большая часть 
ежедневных потребностей решается добавлением ктекущему набору несколь- 
ких привычных сочетаний клавиш. Рассмотрим примерную последователь- 
ность действий. 


1. 
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Выберите элемент системы управления (команду или инструмент) 
программы, для которого надо назначить новую комбинацию клавиш. 
Для этого надо в разделе Соттапа$ (Команды) диалогового окна КеуБоага 
Зпогси{$ (Клавиатурные комбинации) выполнить навигацию по меню про- 
граммы и выбрать нужный элемент. В списке Зномсий$ (Клавиатурные 
комбинации) будут показаны все комбинации, закрепленные за данной 
командой. 


Щелкните на кнопке со знаком +. При этом список Зпо“си$ (Клавиатур- 
ные комбинации) активизируется, а курсор перемещается в поле Ргез$ Кеу 
(Нажать клавиши). 


Нажмите на клавиатуре требуемое сочетание клавиш. Если выбранная 
комбинация по каким-либо причинам недопустима, программа выведет 
диалоговое окно с предупреждением и предложит выбрать другое кла- 
виатурное сочетание. 


Завершите процедуру щелчком на кнопке Свапде (Изменить). 


Приложение 


Клавиатурные комбинации 


Меню ЕПе 

Действие Сочетание клавиш 
Создать документ СТВЕ+М 

Открыть файл НУТМЕ СТВЕ+О 

Открыть во фрейме СТКЕ+ЗНЕТ+О 
Закрыть документ СТВЕ-М 

Сохранить СТК-+$ 

Сохранить как СТВЕ+ЗНЕТ+$ 
Проверить ссылки УНЕТ+ЕВ 

Выйти из программы СТКЕ+О 

Меню ЕК 

Действие Сочетание клавиш 
Отменить СТКЕ-Е 

Повторить СТКЕ-У или СТКЕЗНЕТ-+2. 
Вырезать СТВЕ-Х или ЗНЕТ--ОЕЁ 
Копировать СТВЕ-+С или СТКЕ-М$ 
Вставить СТКЕ+У или ЗНЕТ+М$ 
Очистить ОЕГЕТЕ 

Выбрать все СТКЕ+А 

Выбрать родительский дескриптор СТВЕ+ЗНЕТ+< 
Выбрать вложенный дескриптор СТВЕЗНЕТ-+> 

Найти и заменить СТКЕЕ 
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Приложение 


Действие Сочетание клавиш 
Найти следующий ЕЗ 

Сдвиг кода вправо СТВЕЕФНИЕТ-] 
Сдвиг кода влево СТВЕЕФНИЕТ-[ 
Сбалансировать скобки СТКЕ-+ 

Запустить внешний редактор СТКЕ-Е 

Настройка программы СТВЕ+У 


Режимы отображения страницы 


Действие Сочетание клавиш 
Стандартный режим СТКЕЗНИЕТ-Еб 
Режим макетирования СТКЕ-Еб 

Вывести /убрать главную панель СТКЕЗНЕТ-Т 


Отображение служебных элементов страницы 


Действие Сочетание клавиш 
Служебная разметка СТВЕ+ЗНЕТ-Н 
Размерные линейки СТВЕ+АЕТ-+К 
Опорная сетка СТВЕ+АЕТ+С 
Привязка к сетке СТКЕ+АЕТ+ЗНЕТ+С 
Содержимое заголовка СТКЕ+ЗНЕТ-+М 
Свойства страницы СТКЕ+ЗНЕТ-+) 


Редактирование кодов 


Действие Сочетание клавиш 
Переключение между режимами СТКЕ+ТАВ 
отображения документа 

Вызвать экспресс-редактор СТКЕ-Т 

Выбрать родительский дескриптор СТКЕ+ЗНЕТ+< 
Сбалансировать скобки СТКЕ-+’ 

Выбрать все СТКЕ+А 
Копировать СТВЕ-+С 

Найти и заменить СТКЕЕ 

Найти следующий ЕЗ 
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Приложение 


Действие Сочетание клавиш 
Заменить СТКЕ+Н 

Вставить СТКЕ-У 

Вырезать СТКЕ-Х 

Повторить СТВЕ+У 

Отменить СТКЕ+2 

Вставить /убрать контрольную точку СТВЕ+АЕТ+В 
Расширить выбор на одну строку вверх ЗНЕТ-+ВВЕРХ 
Расширить выбор на одну строку вниз ЗНЕТ+ВНИЗ 
Расширить выбор на один символ влево УНЕТ-+-ВЛЕВО 
Расширить выбор на один символ вправо ЗНЕТ+ВПРАВО 
Перейти на одну страницу вверх РАСЕ УР 

Перейти на одну страницу вниз РАСЕ ООМ/М 
Расширить выбор на одну страницу вверх ЗНЕТ+РАСЕ УР 
Расширить выбор на одну страницу вниз ЗНЕТ+РАСЕОО\М/М 
Расширить выбор на одно слово влево СТКЕ+ЗНЕТ+ВЛЕВО 
Расширить выбор на одно слово вправо СТКЕ-ЗНЕТ+ВПРАВО 
Перейти в начало строки НОМЕ 

Перейти в конец строки ЕМО 

Перейти в начало документа СТВЕ+НОМЕ 
Перейти в конец документа СТКЕ+ЕМО 


Расширить выбор от текущей позиции 
курсора до начала документа СТКЕ+ЗНЕТ+НОМЕ 


курсора до конца документа СТКЕ+ЗНЕТ+ЕМО 


Редактирование текста 


Действие Сочетание клавиш 

Создать новый абзац ЕМТЕК 

Вставить разрыв строки — дескриптор <Ьг> ЗНЕТ--ЕМТЕК 

Вставить неразрывный пробел СТКЕ+ЗНЕТ+ПРОБЕЛ 
Переместить выбранный фрагмент текста Перетаскивание фрагмента 
Скопировать выбранный фрагмент текста Перетаскивание фрагмента при 


нажатой клавише СТР 


Выбрать слово Двойной щелчок 
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Приложение 


Действие Сочетание клавиш 
Добавить выбранный объект в библиотеку СТВЕ+$ЗНЕТ+В 
Переключение между режимом отображения 

кодов и планировкой страницы СТКЕ-+ТАВ 

Открыть или закрыть окно Инспектора свойств СТВЕ+ЗНЕТ-+/ или СТКЕ-ЕЗ 
Проверка правописания УНЕТ+Е7 


Форматирование текста 


Действие Сочетание клавиш 
Сдвиг вправо (отступ) СТКЕ+] 

Сдвиг влево (втяжка) СТВЕ-[ 

Сбросить структурное форматирование СТКЕ+О 
Преобразовать в абзац СТВЕ+ЗНЕТ-+Р 
Преобразовать в заголовок уровня 1—6 СТКЕ+1 — СТКЕ+б 
Выровнять по левому краю СТВЕЗНЕТ+АЕТ-+Ь 
Выровнять по центру СТКЕ+ЗНЕТ+АЕТ-+С 
Выровнять по правому краю СТКЕ+ЗНЕТ+АЕТ+К 
Задать полужирное начертание СТВЕ+В 

Задать курсивное начертание СТКЕ- 
Редактировать стили СТВЕ+ЗНЕТ-+Е 


Поиск и замена текста 


Действие Сочетание клавиш 
Найти СТВЕЕ 

Повторить поиск с теми же параметрами ЕЗ 

Заменить СТКЕ+Н 
Таблицы 

Действие Сочетание клавиш 
Выбрать всю таблицу (курсор должен 

находиться внутри таблицы) СТВЕ+А 

Перейти в следующую ячейку ТАВ 

Перейти в предыдущую ячейку ЗНЕТ+ТАВ 
Вставить строку над текущей строкой СТКВЕ-М 
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Приложение 


Действие Сочетание клавиш 
Добавить строку ниже последней строки ТАВ, если курсор находится 
таблицы в последней ячейке 

Удалить текущую строку СТВЕ+ЗНЕТ-+М 

Вставить столбец СТКЕ+ЗНЕТ+А 

Удалить столбец СТВЕЗНЕТ+- 

Объединить выбранные ячейки СТКЕ+АЕТ+М 

Разделить текущую ячейку СТКЕ+АЕТ+$ 


Обновить планировку таблицы 
(в режиме быстрого редактирования таблиц) СТКЕ+ПРОБЕЛ 


Некоторые из приведенных клавиатурных комбинаций не работают 
в режиме планировки страницы 


Фреймы 

Действие Сочетание клавиш 

Выбрать фрейм Щелчок на фрейме при нажатой 
клавише АСТ 

Выбрать следующий фрейм структуры АЁЕТ-+ВПРАВО 

Выбрать предыдущий фрейм структуры АЁЕТ+ВЛЕВО 

Выбрать родительскую фреймовую структуру АЕСТ+ВВЕРХ 

Выбрать первый вложенный фрейм или 

фреймовую структуру АЕТ+ВНИЗ 

Добавить новый фрейм во фреймовую Перетаскивание границы фрейма 

структуру при нажатой клавише АЁТ 

Слои 

Действие Сочетание клавиш 

Выбрать слой Щелчок при нажатых клавишах 
СТВЕ+ЗНЕТ 

Выбрать и переместить слой Перетаскивание при нажатых 
клавишах СТКЕ+ЗНЕТ 

Сдвинуть слой на одни пиксел (курсорные клавиши) 
ВЛЕВО, ВВЕРХ, ВПРАВО, ВНИЗ 

Ускоренное перемещение слоя ЗНЕТ-+ВЛЕВО, ЭНЕТ-+ВВЕРХ, 


УНЕТ+ВПРАВО, ЗНЕТ-ВНИЗ 


сл 
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Приложение 


Действие 


Сочетание клавиш 


Изменение размеров слоя на один пиксел 


СТВЕ-ВЛЕВО, СТКЕ-ВВЕРХ, 
СТВЕ+ВПРАВО, СТКЕ+ВНИЗ 


Ускоренное изменение размеров слоя 


СТКЕ+-ЗНИЕТ+ВЛЕВО, 
СТКЕ+$НЕТ+ВВЕРХ, 
СТВЕ+ЗНИЕТ-+ВПРАВО, 
СТВЕ+ЗНЕТ+ВНИЗ 


Придать выбранным слоям одинаковую 


ширину 


СТВЕ+ЗНИЕТ+[ 


Придать выбранным слоям одинаковую 


высоту 


СТВЕ+$НИЕТ+] 


Визуализация опорной сетки 


Привязка к опорной сетке 


Временные диаграммы 


Действие 


Добавить объект к временной диаграмме 


Добавить кадр 
Удалить кадр 


Изображения 


Действие 
Заменить рисунок 


Отредактировать рисунок во внешнем 
редакторе 


Создать ссылку 
Удалить ссылку 


Открыть связанный документ 


Проверить выбранную ссылку 


Проверить ссылки всего сайта 


СТВЕ+ЗНЕТ+АЕТ+С 
СТКЕ-АЕТ+С 


Сочетание клавиш 
СТКЕ+АЕТ+$НЕТ-+Т 
ЗНЕТ-+ЕУ 

ОЕСЕТЕ 


Сочетание клавиш 
Двойной щелчок на изображении 


Двойной щелчок на изображении 
при нажатой клавише СТКЁ 


Сочетание клавиш 
СТВЕ-Е 
СТВЕ+ЗНЕТ-Е 


Двойной щелчок на ссылке при 
нажатой клавише СТА 


УНЕТ-+Е8 
СТКЕ-Е8 
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Приложение 


Просмотр в броузере 
Действие 
Просмотр в основном броузере 


Просмотр во вспомогательном броузере 


Отладка в броузере 


Действие 


Выполнить отладку в основном броузере 


Выполнить отладку во вспомогательном 
броузере 


Управление файлами в Диспетчере узла 


Действие 

Создать файл 

Создать папку 

Открыть выбранный файл 


Получить выбранные файлы или папки 
с удаленного узла по протоколу А7Р 


Переслать выбранные файлы или папки 
на удаленный узел по протоколу Е7Р 


Включить блокировку 
Снять блокировку 
Вывести карту узла 


Обновить удаленный сайт 


Работа с \Меь-узлом 


Действие 
Открыть окно Диспетчера узла 
Обновить панель локального узла 


Сделать корневым каталогом 


Сочетание клавиш 
Е12 
СТКЕ+Е12 


Сочетание клавиш 
АЕТ+Е12 
СТКЕ+АЕТ+Е12 


Сочетание клавиш 
СТВЕ-ЗНЕТ-+М 
СТВЕ+ЗНЕТ+АЕТ+М 
СТВЕ-ЗНЕТ+АЕТ+О 


СТКЕ+ЗНИЕТ-НО или 
перетаскивание выбранных 
объектов с панели 
удаленного узла на панель 
локального узла 


СТВЕ+ЗНИЕТ-+УИ или 
перетаскивание выбранных 
объектов с локальной панели 
на панель удаленного узла 


СТВЕ-ЗНЕТ+АЕТ+ЬО 
СТКЕЕЗНЕТ+АЕТ+О 
АЁЕТ+Е8 
АЁТ-+Р5 


Сочетание клавиш 
Е8 

УНЕТ-+Е5 
СТКЕ+ЗНЕТ-+К 
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Приложение 


Действие Сочетание клавиш 
Связать с существующим файлом СТКЕ+ЗНЕТ-+К 
Изменить ссылку СТКЕЕ 

Удалить ссылку ОЕТЕТЕ 

Показать /Скрыть ссылку СТКЕ-ЗНЕТ-+У 
Показать заголовки страниц СТВЕ+ЗНЕТ-+Т 
Переименовать файлы Е2 

Увеличить масштаб карты узла СТВЕ-+ 

Уменьшить масштаб карты узла СТКЕ-- 


Подключаемые модули 


Действие Сочетание клавиш 
Запустить модуль СТКЕ+АЕТ+Р 
Остановить выполнение модуля СТКЕ+АЕТ+Х 
Запустить все модули СТКЕ+ЗНЕТ-+АЕТ-+Р 
Остановить все модули СТКЕ+ЗНЕТ+АЕТ-+Х 
Шаблоны 

Действие Сочетание клавиш 
Создать новую редактируемую область СТВЕ+АЕТ-+У 


Действие Сочетание клавиш 


Вставка объекта любого типа Перетаскивание объекта из 
программы [п{егпе{ Ехрогег 
или из окна Диспетчера узла 


в окно документа 
Вставка изображения СТВЕ+АЕТ-+| 
Вставка таблицы СТВЕ+АЕТ-+Т 
Вставка ролика А/а$р СТКЕ+АЕТ-Е 
Вставка ролика Зроскугауе Огесюг СТКЕ+АЕТ+О 
Вставка символа привязки СТКЕ+АЕТ-+А 


пы 
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Приложение 


Работа с палитрой Н!$*огу 


Действие Сочетание клавиш 
Открыть палитру Ногу (Предыстория) УНЕТ-+Е1О 

Начать / остановить запись команды СТКЕ-ЗНЕТ-+Х 
Выполнить записанную команду СТКЕ+Р 


Открытие и закрытие панелей и палитр программы 


Действие Сочетание клавиш 
Палитра ОШес{$ (Объекты) СТКЕ-Е2 
Палитра Ргорему |пзрестог (Инспектор свойств) СТКЕЕЗ 
Показать файлы на панели Диспетчера узла Р5 

Показать карту узла СТВЕ-Е5 
Палитра А$5е{$ (Ресурсы) Е11 

Палитра С$$ ${Уе$ (Стили ($5) ЗНЕТ-+Е11 
Палитра НТМЕ З{уе$ (Стили НТМЕ) СТКЕ-Е11 
Палитра Вепам!ог$ (Режимы) ЗНЕТ-+ЕЗ 
Палитра Н!з{огу (Предыстория) УНЕТ+Е1О 
Палитра Т'ите!те$ (Временные диаграммы) УНЕТ-+ЕУ9 
Палитра Соае тзрес{ог (Инспектор кода) Е10 

Палитра ЁЕгате$ (Фреймы) УНЕТ-Е2 
Палитра [Г ауег$ (Слои) Е2 

Палитра Ке!егепсе (Справочное руководство) СТВЕ+ЗНЕТ-+Е1 
Убрать /показать открытые палитры Е4 

Свернуть все открытые окна УНЕТ-+ЕА 
Восстановить окна АЁЕТ+$НЕТ-+Е4 


Вызов справочной системы 


Действие 
Обращение к справочной системе 
Обращение к справочной панели 


Сочетание клавиш 
Е1 
УНЕТ-+Е1 
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Ме) 


Матрица клавиатурных комбинаций 
Клавиши СТАЕ 


А 


В 
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Выбрать все 


Полужирное 
начертание 


Копировать 


Дублировать 


Запустить 
внешний 
редактор 


Найти и 
заменить 


Заменить 


Курсивное 
начертание 


Свойства 
страницы 


Создать 
ссылку 


Вставить 
строку 
таблицы 
Новый 
документ 


Открыть 
документ 


СТВЕ+ЗНЕТ СТВЕ+АЕТ 

Выбрать таблицу Вставить столбец 

Добавить в 

библиотеку 

Получить Вставить ролик 

выбранные файлы $росКу/ауе 

или папки 

Редактировать 

стилевую 

спецификацию 
Вставить ролик 
Е/а$й 
Показать или 
спрятать опорную 
сетку 

Показать или Вставить 


скрыть служебную изображение 
разметку страницы 


Вызвать или 
убрать палитру 
Ргорему птзреског 


(Инспектор 

СВОЙСТВ) 

Удалить ссылку 

Удалить строку Объединить 
таблицы выбранные ячейки 


Новый документ 
в данном окне 


Открыть документ 
во фрейме 


СТВЕ+$НЕТ+АЁТ 


Вставить символ 


привязки 


Выровнять по центру 


Заблокировать 
выбранные файлы или 


папки 


Привязка к опорной 


сетке 


Выровнять по левому 


краю 


Новая папка в окне 
Диспетчера узла 


Открыть выбранный 


файл узла 


Прил 


Клавиши СТАВЬ СТКЕ-ЗНЕТ СТВЕ+АЁТ СТВЕ+-ЗНЕТ+АЁТ 


Р Выполнить Форматирование Запустить Запустить все 
записанную абзацев подключаемый подключаемые 
макрокоманду модуль модули 

О Выход 

К Сделать корневым Показать или Выровнять по правому 

каталогом спрятать линейки краю 

5 Сохранить Сохранить все Разбить ячейку 

Т Вызов Показать Вставить таблицу Добавить объект на 
экспресс- заголовки временную диаграмму 
редактора страниц 

|9. Настройки Передать Снять блокировку с 
программы — выбранные файлы выбранных файлов 

или папки или папок 

\ Вставить Создать новую 

редактируемую 
область 

М/ Закрыть Показать раздел 

заголовков 
Хх Вырезать Записать новую — Остановить Остановить 
макрокоманду выполнение выполнение всех 
подключаемого — подключаемых 
модуля модулей 

У Повторить Показать или 
последнее скрыть ссылку 
действие 

2 Отменить Повторить 
действие действие 

0 Снять 
структурное 
форматирование 

1 Применить 
заголовок 
уровня 1 

2 Применить 
заголовок 
уровня 2 

3 Применить 
заголовок 
уровня 3 
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Приложение 


Клавиши СТВЁ СТВЕ+ЗНЕТ СТВЕ+АЕТ СТКЕ+ЗНЕТ+АЕТ 
4 Применить 
заголовок 
уровня 4 
5 Применить 
заголовок 
уровня 5 
6 Применить 
заголовок 
уровня 6 
7 
8 
9 
_ Уменьшить — Удалить столбец 
масштаб таблицы 
карты узла 
+ Подогнать Увеличить 
под размеры масштаб карты 
окна узла 
[ Втяжка Выровнять ширину 
столбцов 
ОО 
] Отступ Выровнять высоту 
столбцов 
> Выбрать 
вложенный 
дескриптор 
до 
< Выбрать 
охватывающий 
дескриптор 


ПРОБЕЛ Обновить Вставить 
планировку — неразрывный 
таблицы пробел 


Н> 
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Приложение 


Матрица функциональных клавиш 


Клавиша Без НЕТ АЁТ СТКЬ СТВЕ-ЗНЕТ 
модификатора 
Е1 Обращение к Обращение Связь Обращение к 
справочной к справочной с центром справочной 
системе палитре поддержки палитре 
Е2 Слои Фреймы Палитра 
объектов 
ЕЗ Повторный Палитра Палитра Ргорему 
ПОИСК Венауюг$ [пзресюг 
(Режимы) (Инспектор 
свойств) 
Е4 Показать Свернуть Выход Закрыть 
или скрыть все окна из активное 
все палитры программы окно 
Е5 Показать Обновить Обновить Карта узла 
файлы на панель панель 
панели локального удаленного 
Диспетчера узла — узла узла 
[6 Перейти в Перейти в 
режим стандартный 
макетирования режим 
Е7 Проверка 
орфографии 
Е8 Проверить Проверить 
выбранные все ссылки 
ссылки узла 
Е9 Добавить кадр 
Е10 Инспектор Палитра 
кода Ногу 
(Предыстория) 
Е11 Палитра Палитра С$$ Палитра НТМЁ 
А$5е{5$ ЗУ е$ ЗУ е$ 
(Ресурсы) (Стили ($$) (Стили НТМЕ) 
Е12 Просмотр в Отладка в 
ОСНовноМ ОСНОвНОМ 
броузере броузере 


Дополнительно: СТКЕ+АЕТ+Е12 — просмотр во вспомогательном 
броузере 
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Алфавитный указатель 


Асйуе Зетуег Рабез (АЗР) 122 


Сазсадтв 5%уе ЗБее$ (С$5$) 202 

СоЕизоп МагКкир Гаприазе 
(СЕМТГ) 122 

Сотштоп Са{е\уау ПиеНасе (ССТ) 318 


Ежепае4 МагКкир Гапёиаве (ХМГ.) 
122 


ЕТР, протокол 68 
настройка доступа 69, 92 
режимы передачи 94 


НТТР, протокол 60 
Нурекех( МагКкир Гапёиаве (НТМГ) 
112 


зегуег 51ае Гпс[аае ($5Г) 59 
Опйогт Везоигсе Г.осафог (ОВГ.) 60 


М’еБРАУ, протокол 68 
\М'еБ-страница 53 
МТеБ-узел 53 
локальная версия 58 
проектирование 53 
ресурсы 363 
структура 54, 79 
удаленная версия 58, 91 
\М/ог!4 У14е \еЬ (ХУ У) 112 
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Х 


А 


\М/она \14е \еЬ Сопзогит (\УЗС) 
202 
МУЗГМУС 27 


ХМГ. (Ежепде4 МагКир Гапдиаве) 
122 


абзац 172 

адрес 
ОВЕ 243 
абсолютный 62, 245 
относительно корня 65, 246 
относительный 62, 217, 245 


безопасная палитра 133 
библиотека 370 
блокировка файлов 100 
броузер 110 

просмотр 423 


включение стороны сервера 381 
вставка 

даты 187 

изображения 215 
выделение цветом 417 
выравнивание 196 

по ширине 197 

изображений 222 

таблицы 282 


гиперссылка 243 
глубина отката 49 
групповые символы 164 


дескриптор 112 

динамический сценарий 362 
вставка 395 
редактирование 379 

Диспетчер узла 72, 74 
настройка 89 

документ НТМТ, 135 
визуализация 150 
заголовок 84, 114, 139 
обновление 404 
создание по шаблону 401 
структурный 340 


заголовок 
документа 84, 114, 139 
текстовый 173 

загрузка файлов 77, 95 
в фрейм 356 

замена 156, 167 


изображение 
встроенное 215 
выравнивание 222 
интерактивное 232 
обтекание 223 
однопиксельное 231 
плавающее 216 
предварительная загрузка 238 
распорка 314 
фоновое 139, 229 
Индикатор загрузки 35 
Инспектор кода 45, 115 
Инспектор свойств 25, 38 


карта ссылок 262 
клавиатурные комбинации 428, 431 
кнопка 332 
графическая 333 
коды НТМГ. 
вставка 131 
копирование 131 
корректировка 412 


коллективная работа 98 
комментарии НТМЕ 117 
комментарии разработчика 72, 103 
контейнер 113 

контент 85 

контроль обращения 98 

корневой каталог 958 


линейка 
горизонтальная 186 
размерная 151 


маркер-указатель 81 
меню переходов 257 
активация 259 
монтажная сетка 151 


невидимые элементы 148 
неразрывный пробел 130 


область документа 
блокированная 136 
редактируемая 136, 391 
объект 
551 383 
вставка 365 
имя 155 
макетный 308 
отложенное обновление 272 
отступ 198 
отчет 101 


палитра 25, 422 
быстрого запуска 36 
модульная 25 
навигации 235 
объектов 42 
плавающая 25 
предыстории 50, 51 
ресурсов 363 
сборная 25 
стилей 203 
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палитра (продолжение) 
фреймов 348 
цветов 146 
панель 
быстрого запуска 36 
инструментов 31 
передача файлов 77, 96 
переключатель 326 
переход на новую строку 174 
поиск 156 
дескрипторов 162 
кода 159 
расширенный 160 
сохранение образца 170 
текста 158 
полосы прокрутки 357 
поля 226 
таблицы 286 
фрейма 358 
предварительное форматирование 
176 
псевдоним 370 


разблокирование файлов 100 
раздел заголовков 114, 142 
разметка 113 
некорректная 116 
фильтрация 123 
разрешение монитора 132 
регулярные выражения 164 
режим 
вставки кода 118 
замыкания кода 118 
карты сайта 74 
макетирования 305, 421 
планировки 29 
разметки 29 
редактирования кода 118 
файлов сайта 74 
ресурсы 363 
избранные 369 


С 


сайт 53 
параметры 425 
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_ Алфавитный указатель 


Селектор разметки 33 
символ привязки 248 
синхронизация файлов 97 
скрытое поле 335 
скрытые объекты 149, 418 
слои 419 
совместимость 108 
специальные символы 128 
список 

вложенный 183 

в форме 328 

маркированный 179 

нумерованный 177 

определений 180 
Справочная панель 121 
ссылка 243 

внешняя 247 

в шаблоне 397 

изменение 82 

кодирование 244 

на сценарий 248, 256 

на фрагмент 252 

на электронную почту 255 

проверка 106 

пустая 248, 256 

создание 80, 247 

целеуказание 358 
стиль 

НТМЕ 201 

иерархический 202, 413 

символьный 193 

табличный 296 
страница 53 

компоновка 304 

основная 55, 72, 86 
строка таблицы 269 

вставка 289 

выбор 279 

форматирование 295 
структура 

иерархическая 56 

каталогов 58 

линейная 55 

многосвязная 57 

фреймовая 342 


Т 


Ф 


авитный указатель _ 


таблица 268 


вложение 301 
выравнивание 282 
импорт данных 276 
кодирование 269 
макетная 306 
подпись 270 

рамка 284 
сортировка 299 
стиль 296 

фон 285 
форматирование 281, 295 


тег 112 
текст 171 


структурирование 172 
форматирование 189 


текстовое поле 323 

тело документа 114 

точечное изображение 132 
трафаретное изображение 152 


узел 53 


карта 78 
обновление 377 


файл 


потерянный 106 
скрытый 87 


файловое поле 334 
фиксатор 314 
фильтрация кодов 123 


МгсгозоЁ \/ота 125 


флажок 326 

фоновый рисунок 139, 229 
фоновый цвет 140 

форма 257, 318 


компоненты 320 
обработка 336 


формат 209 


СТЕ 132, 211 
ТРЕС 132, 212 
РМС 132, 213 


формат (продолжение) 
векторный 210 
кода 410 
растровый 210 
форматирование текста 189 
прямое 190 
фрейм 339 
границы 353 
кодирование 340 
имя 395 
размеры 351 
редактирование 354 


Ц 

цвет 132 

выбор 146 

кодирование 133 

ссылок 250 

текста 199 

элементов документа 408 
цветовая схема 147 
цветовой охват 133 


Ш 


шаблон 136, 385 
визуализация 399 
заполнение 394 
изменение 389 
применение 402 
редактирование 391 

шрифт 190 
кодировка 416 
размер 192 


Э 
Экспресс-редактор 118, 424 


Я 


якорь 61, 248, 252 

ячейка таблицы 269 
заполнение 273 
интервалы 286 
макетная 306 
объединение 293 
разделение 293 
форматирование 294 
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ФИРМА «ДЕСС КОМ» 


Издательство 
Книжная торговля 


Предоставляем широкий ассортимент 
литературы по персональным компьютерам 
и программированию, электронике и 
телекоммуникациям 


Оптовая и мелкооптовая торговля 
Только книги, пользующиеся спросом 


Рекомендации по подбору ассортимента 
для конкретного клиента 


Издательские цены 


Гибкая система скидок, различные формы 
оплаты 


Мы являемся дилерами «ВНУ — Санкт-Петербург» 
в Москве по мелкому опту 


Приглашаем к сотрудничеству 
авторов и рекламодателей 


Наш адрес 


г. Москва (м. Шаболовская), ул. Донская, 32. 
Тел. 955-90-13. Е-та!: аезз@ара.ги 
Мог УЙае \"еЪ: Бер: / Ими. Аезз.ги/ 


пасготес!а 


ОНЕАМАЛЕАМЕЙ 


Базовый курс 


Эта книга поможет Вам: 


__ Освоить основные приемы работы 

_ Создавать гипертекстовые документы 

_ Размещать на НТМ!-страницах 
графику и таблицы 

_ Разрабатывать логичную ссылочную 
структуру М!еБ-узла 

_ Загружать разработанные документы 
на удаленный сервер 

_ Работать с большими таблицами и 
сложными фреймовыми структурами 

_ Выполнять настройки редактора 


